@wordpress/components 25.7.0 → 25.8.1

package/build-style/style.css

@@ -518,7 +518,7 @@ p + .components-button.is-tertiary {
 }
 .components-checkbox-control__input[type=checkbox]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder {
@@ -745,14 +745,15 @@ svg.components-checkbox-control__indeterminate {
 }
 .components-circular-option-picker__option:focus::after {
   content: "";
-  border: 2px solid #757575;
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: -2px;
-  left: -2px;
   border-radius: 50%;
   box-shadow: inset 0 0 0 2px #fff;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border: 2px solid #757575;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
 }
 .components-circular-option-picker__option.components-button:focus {
   background-color: transparent;
@@ -848,7 +849,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-combobox-control__suggestions-container::-webkit-input-placeholder {
@@ -863,7 +864,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus-within {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 
@@ -1409,7 +1410,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container::-webkit-input-placeholder {
@@ -1428,7 +1429,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container input[type=text].components-form-token-field__input {
@@ -1551,13 +1552,12 @@ body.is-dragging-components-draggable {
 .components-form-token-field__suggestions-list {
   flex: 1 0 100%;
   min-width: 100%;
-  max-height: 9em;
+  max-height: 128px;
   overflow-y: auto;
   transition: all 0.15s ease-in-out;
   list-style: none;
-  border-top: 1px solid var(--wp-components-color-gray-600, #949494);
+  box-shadow: inset 0 1px 0 0 #949494;
   margin: 0;
-  padding: 0;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-form-token-field__suggestions-list {
@@ -1567,10 +1567,11 @@ body.is-dragging-components-draggable {
 }
 
 .components-form-token-field__suggestion {
-  color: #757575;
+  color: #1e1e1e;
   display: block;
   font-size: 13px;
-  padding: 4px 8px;
+  padding: 8px 12px;
+  min-height: 32px;
   margin: 0;
   cursor: pointer;
 }
@@ -1579,10 +1580,6 @@ body.is-dragging-components-draggable {
   color: #fff;
 }
 
-.components-form-token-field__suggestion-match {
-  text-decoration: underline;
-}
-
 @media (min-width: 600px) {
   .components-guide {
     width: 600px;
@@ -1966,7 +1963,6 @@ body.is-dragging-components-draggable {
   align-items: center;
 }
 .components-notice.is-dismissible {
-  padding-right: 36px;
   position: relative;
 }
 .components-notice.is-success {
@@ -2193,7 +2189,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-sizing: border-box;
   position: relative;
   padding: 1em;
-  min-height: 200px;
   width: 100%;
   text-align: left;
   margin: 0;
@@ -2209,7 +2204,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   .components-placeholder.components-placeholder {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: top;
     align-items: flex-start;
   }
 }
@@ -2258,16 +2253,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   font-size: 13px;
 }
 
-.components-placeholder__fieldset.components-placeholder__fieldset {
-  border: none;
-  padding: 0;
-}
-.components-placeholder__fieldset.components-placeholder__fieldset .components-placeholder__instructions {
-  padding: 0;
-  font-weight: normal;
-  font-size: 1em;
-}
-
 .components-placeholder__fieldset.is-column-layout,
 .components-placeholder__fieldset.is-column-layout form {
   flex-direction: column;
@@ -2302,7 +2287,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-placeholder__input[type=url]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-placeholder__input[type=url]::-webkit-input-placeholder {
@@ -2371,13 +2356,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   color: inherit;
   display: flex;
   box-shadow: none;
-  min-width: 100px;
   -webkit-backdrop-filter: blur(100px);
           backdrop-filter: blur(100px);
   background-color: transparent;
   backface-visibility: hidden;
   border-radius: 2px;
-  overflow: hidden;
+  overflow: auto;
 }
 .is-dark-theme .components-placeholder.has-illustration {
   background-color: rgba(0, 0, 0, 0.1);
@@ -2585,7 +2569,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-radio-control__input[type=radio]::-webkit-input-placeholder {
@@ -2839,7 +2823,7 @@ body.lockscroll {
   /* Override core line-height. To be reviewed. */
   line-height: normal;
   display: block;
-  padding: 16px 48px 16px 16px;
+  padding: 0 48px 0 16px;
   background: #f0f0f0;
   border: none;
   width: 100%;
@@ -2864,7 +2848,7 @@ body.lockscroll {
 }
 .components-search-control input[type=search].components-search-control__input:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
@@ -2892,19 +2876,22 @@ body.lockscroll {
 .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
   -webkit-appearance: none;
 }
+.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input {
+  height: 40px;
+}
+.components-search-control.is-size-compact input[type=search].components-search-control__input {
+  height: 32px;
+}
 
 .components-search-control__icon {
   position: absolute;
-  top: 0;
-  width: 24px;
   right: 12px;
-  bottom: 0;
+  top: 50%;
+  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-}
-.components-search-control__icon > svg {
-  margin: 8px 0;
+  width: 24px;
 }
 
 .components-search-control__input-wrapper {
@@ -3156,7 +3143,7 @@ body.lockscroll {
 .components-text-control__input[type=month]:focus,
 .components-text-control__input[type=number]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-text-control__input::-webkit-input-placeholder,
@@ -3409,42 +3396,17 @@ div.components-toolbar > div + div.has-left-divider::before {
   height: 20px;
 }
 
-.components-tooltip.components-popover {
-  z-index: 1000002;
-}
-.components-tooltip.components-popover .components-popover__content {
-  min-width: min-content;
-}
-
-.components-tooltip .components-popover__content {
+.components-tooltip {
   background: #000;
   border-radius: 2px;
-  border-width: 0;
-  outline: none;
   color: #f0f0f0;
-  white-space: nowrap;
   text-align: center;
   line-height: 1.4;
   font-size: 12px;
-  box-shadow: none;
   padding: 4px 8px;
+  z-index: 1000002;
 }
 
 .components-tooltip__shortcut {
-  display: inline-block;
   margin-left: 8px;
-}
-
-.disabled-element-wrapper {
-  position: relative;
-}
-.disabled-element-wrapper .event-catcher {
-  z-index: 100002;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
 }

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

@@ -5,5 +5,5 @@
  *
  * @see https://www.framer.com/docs/animation/
  */
-export { motion as __unstableMotion, AnimatePresence as __unstableAnimatePresence, } from 'framer-motion';
+export { motion as __unstableMotion, AnimatePresence as __unstableAnimatePresence, MotionContext as __unstableMotionContext, } from 'framer-motion';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACN,MAAM,IAAI,gBAAgB,EAC1B,eAAe,IAAI,yBAAyB,GAC5C,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACN,MAAM,IAAI,gBAAgB,EAC1B,eAAe,IAAI,yBAAyB,EAC5C,aAAa,IAAI,uBAAuB,GACxC,MAAM,eAAe,CAAC"}

package/build-types/base-control/hooks.d.ts

@@ -9,8 +9,8 @@ import type { BaseControlProps } from './types';
  */
 export declare function useBaseControlProps(props: Omit<BaseControlProps, 'children'>): {
     baseControlProps: {
-        label?: import("react").ReactNode;
         className?: string | undefined;
+        label?: import("react").ReactNode;
         hideLabelFromVision?: boolean | undefined;
         __nextHasNoMarginBottom?: boolean | undefined;
         id: string;

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

@@ -53,7 +53,7 @@ export declare const BorderBoxControl: import("../../ui/context").WordPressCompo
     disableCustomColors?: boolean | undefined;
 } & LabelProps & Pick<BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;
-    popoverPlacement?: ("overlay" | import("@floating-ui/utils").Placement) | undefined;
+    popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
     value: import("../types").AnyBorder;
 } & import("react").RefAttributes<any>, false>;

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

@@ -22,71 +22,38 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     disableCustomColors?: boolean | undefined;
     hideLabelFromVision?: boolean | undefined;
     label?: string | undefined;
-    popoverPlacement?: ("overlay" | import("@floating-ui/utils").Placement) | undefined;
+    popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    hidden?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
-    key?: import("react").Key | null | undefined;
+    id?: string | undefined;
+    prefix?: string | undefined;
     slot?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    color?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
     lang?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -103,7 +70,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -278,6 +245,39 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

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

@@ -5,75 +5,39 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     className: string;
     isLinked: boolean;
     onClick: () => void;
-    defaultValue?: string | number | readonly string[] | undefined;
-    onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-    value?: string | number | readonly string[] | undefined;
-    name?: string | undefined;
-    color?: string | undefined;
-    translate?: "no" | "yes" | undefined;
-    hidden?: boolean | undefined;
-    style?: import("react").CSSProperties | undefined;
-    disabled?: boolean | undefined;
-    key?: import("react").Key | null | undefined;
-    form?: string | undefined;
+    id?: string | undefined;
+    prefix?: string | undefined;
     slot?: string | undefined;
+    role?: import("react").AriaRole | undefined;
+    form?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
-    type?: "button" | "reset" | "submit" | undefined;
-    id?: string | undefined;
-    defaultChecked?: boolean | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    color?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    hidden?: boolean | undefined;
     lang?: string | undefined;
-    placeholder?: string | undefined;
-    spellCheck?: (boolean | "false" | "true") | undefined;
+    name?: string | undefined;
+    type?: "button" | "reset" | "submit" | undefined;
     tabIndex?: number | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    resource?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "search" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
-    is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "false" | "true") | undefined;
-    'aria-autocomplete'?: "both" | "none" | "inline" | "list" | undefined;
+    'aria-autocomplete'?: "inline" | "none" | "list" | "both" | undefined;
     'aria-busy'?: (boolean | "false" | "true") | undefined;
     'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "page" | "false" | "true" | "time" | "location" | "step" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "move" | "link" | "execute" | "popup" | undefined;
+    'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     'aria-errormessage'?: string | undefined;
     'aria-expanded'?: (boolean | "false" | "true") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     'aria-hidden'?: (boolean | "false" | "true") | undefined;
     'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;
@@ -90,7 +54,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     'aria-posinset'?: number | undefined;
     'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
     'aria-readonly'?: (boolean | "false" | "true") | undefined;
-    'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     'aria-required'?: (boolean | "false" | "true") | undefined;
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
@@ -122,6 +86,7 @@ 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").FormEventHandler<HTMLButtonElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
@@ -264,12 +229,47 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    disabled?: boolean | undefined;
     autoFocus?: boolean | undefined;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
+    placeholder?: string | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
+    radioGroup?: string | undefined;
+    about?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    property?: string | undefined;
+    resource?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCapitalize?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    is?: string | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
+    value?: string | number | readonly string[] | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

package/build-types/border-box-control/border-box-control-split-controls/component.d.ts

@@ -3,7 +3,7 @@ declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context")
     disableCustomColors?: boolean | undefined;
 } & Pick<import("../types").BorderBoxControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
-    popoverPlacement?: ("overlay" | import("@floating-ui/utils").Placement) | undefined;
+    popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
     value?: import("../types").Borders | undefined;
 } & import("react").RefAttributes<any>, true>;