@wordpress/components 25.2.0 → 25.3.0

package/build-style/style.css

@@ -402,21 +402,22 @@ p + .components-button.is-tertiary {
   background-image: linear-gradient(-45deg, #fafafa 33%, #e0e0e0 33%, #e0e0e0 70%, #fafafa 70%);
   /* stylelint-enable */
 }
-.components-button.is-small {
+.components-button.is-compact {
   height: 32px;
-  line-height: 22px;
-  padding: 0 8px;
-  font-size: 11px;
 }
-.components-button.is-small.has-icon:not(.has-text) {
+.components-button.is-compact.has-icon:not(.has-text) {
   padding: 0;
   width: 32px;
   min-width: 32px;
 }
-.components-button.is-small:not(.is-next-32px-small-size) {
+.components-button.is-small {
   height: 24px;
+  line-height: 22px;
+  padding: 0 8px;
+  font-size: 11px;
 }
-.components-button.is-small:not(.is-next-32px-small-size).has-icon:not(.has-text) {
+.components-button.is-small.has-icon:not(.has-text) {
+  padding: 0;
   width: 24px;
   min-width: 24px;
 }
@@ -1225,18 +1226,14 @@ body.is-dragging-components-draggable {
   height: 1px;
 }
 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active svg,
-.components-dropdown-menu__menu .components-menu-item.is-active svg {
+.components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-active .dashicon,
+.components-dropdown-menu__menu .components-menu-item.is-active svg,
+.components-dropdown-menu__menu .components-menu-item.is-active .dashicon {
   color: #fff;
   background: #1e1e1e;
   box-shadow: 0 0 0 1px #1e1e1e;
   border-radius: 1px;
 }
-.components-dropdown-menu__menu .components-dropdown-menu__menu-item > svg,
-.components-dropdown-menu__menu .components-menu-item > svg {
-  border-radius: 2px;
-  width: 24px;
-  height: 24px;
-}
 .components-dropdown-menu__menu .components-dropdown-menu__menu-item.is-icon-only,
 .components-dropdown-menu__menu .components-menu-item.is-icon-only {
   width: auto;
@@ -1635,7 +1632,7 @@ body.is-dragging-components-draggable {
 .components-guide__footer {
   align-content: center;
   display: flex;
-  height: 30px;
+  height: 36px;
   justify-content: center;
   margin: 0 0 24px 0;
   padding: 0 32px;
@@ -1654,12 +1651,15 @@ body.is-dragging-components-draggable {
   height: 30px;
   min-width: 20px;
   margin: -6px 0;
+  color: #e0e0e0;
+}
+.components-guide__page-control li[aria-current=step] .components-button {
+  color: var(--wp-components-color-accent, var(--wp-admin-theme-color));
 }
 
 .components-modal__frame.components-guide {
   border: none;
   min-width: 312px;
-  height: 80vh;
   max-height: 575px;
 }
 @media (max-width: 600px) {
@@ -1670,28 +1670,12 @@ body.is-dragging-components-draggable {
 }
 
 .components-button.components-guide__back-button, .components-button.components-guide__forward-button, .components-button.components-guide__finish-button {
-  height: 30px;
   position: absolute;
 }
-.components-button.components-guide__back-button, .components-button.components-guide__forward-button {
-  font-size: 13px;
-  padding: 4px 2px;
-}
-.components-button.components-guide__back-button.has-text svg, .components-button.components-guide__forward-button.has-text svg {
-  margin: 0;
-}
-.components-button.components-guide__back-button:hover, .components-button.components-guide__forward-button:hover {
-  text-decoration: underline;
-}
 .components-button.components-guide__back-button {
   left: 32px;
 }
-.components-button.components-guide__forward-button {
-  right: 32px;
-  color: #1386bf;
-  font-weight: bold;
-}
-.components-button.components-guide__finish-button {
+.components-button.components-guide__forward-button, .components-button.components-guide__finish-button {
   right: 32px;
 }
 
@@ -1908,7 +1892,7 @@ body.is-dragging-components-draggable {
 .components-modal__header {
   box-sizing: border-box;
   border-bottom: 1px solid transparent;
-  padding: 24px 32px 12px;
+  padding: 24px 32px 8px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -1959,7 +1943,7 @@ body.is-dragging-components-draggable {
 .components-modal__content {
   flex: 1;
   margin-top: 72px;
-  padding: 0 32px 32px;
+  padding: 4px 32px 32px;
   overflow: auto;
 }
 .components-modal__content.hide-header {

package/build-types/button/deprecated.d.ts

@@ -2,7 +2,6 @@
 import type { DeprecatedIconButtonProps } from './types';
 declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -19,6 +18,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
@@ -27,7 +27,6 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
     disabled?: boolean | undefined;
 } & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "disabled" | "as" | keyof {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -44,13 +43,13 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
     __experimentalIsFocusable?: boolean | undefined;
 }> & import("react").RefAttributes<any>, "defaultValue" | "onChange" | "value" | "name" | "color" | "translate" | "hidden" | "style" | "disabled" | "key" | "form" | "slot" | "title" | "type" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | keyof {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -67,13 +66,13 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
     __experimentalIsFocusable?: boolean | undefined;
 }> | Pick<{
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -90,6 +89,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
@@ -100,7 +100,6 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
     target?: string | undefined;
 } & Omit<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>>, "as" | keyof {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -117,6 +116,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;
@@ -127,7 +127,6 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
     target?: string | undefined;
 }> & import("react").RefAttributes<any>, "defaultValue" | "onChange" | "color" | "translate" | "hidden" | "style" | "key" | "slot" | "title" | "type" | "download" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "media" | keyof {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -144,6 +143,7 @@ declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEX,YAAY,EAIZ,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA+ClE,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAoLxB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,6FAAkC,CAAC;AACtD,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEX,YAAY,EAIZ,MAAM,OAAO,CAAC;AAef,OAAO,KAAK,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AAuDlE,wBAAgB,iBAAiB,CAChC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,YAAY,CAAE,GAAG,CAAE,eAmLxB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,6FAAkC,CAAC;AACtD,eAAe,MAAM,CAAC"}

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

@@ -19,15 +19,6 @@ type BaseButtonProps = {
      * @default false
      */
     __next40pxDefaultSize?: boolean;
-    /**
-     * Start opting into the larger `isSmall` button size that will become the
-     * default small size in a future version.
-     *
-     * Only takes effect when the `isSmall` prop is `true`.
-     *
-     * @default false
-     */
-    __next32pxSmallSize?: boolean;
     /**
      * The button's children.
      */
@@ -70,6 +61,10 @@ type BaseButtonProps = {
     isPressed?: boolean;
     /**
      * Decreases the size of the button.
+     *
+     * Deprecated in favor of the `size` prop. If both props are defined, the `size` prop will take precedence.
+     *
+     * @deprecated Use the `'small'` value on the `size` prop instead.
      */
     isSmall?: boolean;
     /**
@@ -89,6 +84,18 @@ type BaseButtonProps = {
      * If provided, renders a Tooltip component for the button.
      */
     showTooltip?: boolean;
+    /**
+     * The size of the button.
+     *
+     * - `'default'`: For normal text-label buttons, unless it is a toggle button.
+     * - `'compact'`: For toggle buttons, icon buttons, and buttons when used in context of either.
+     * - `'small'`: For icon buttons associated with more advanced or auxiliary features.
+     *
+     * If the deprecated `isSmall` prop is also defined, this prop will take precedence.
+     *
+     * @default 'default'
+     */
+    size?: 'default' | 'compact' | 'small';
     /**
      * If provided, displays the given text inside the button. If the button contains children elements, the text is displayed before them.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"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"}

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

@@ -44,11 +44,12 @@ export declare const RangeControl: import("@emotion/styled").StyledComponent<Pic
     resetFallbackValue?: number | undefined;
     separatorType?: "none" | "fullWidth" | "topFullWidth" | undefined;
     shiftStep?: number | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     showTooltip?: boolean | undefined;
     trackColor?: import("csstype").Property.Color | undefined;
     type?: "stepper" | undefined;
     withInputField?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "showTooltip" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "isShiftStepEnabled" | "shiftStep" | "marks" | "railColor" | "trackColor" | keyof import("../range-control/types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement> & {
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "__next40pxDefaultSize" | "showTooltip" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "isShiftStepEnabled" | "shiftStep" | keyof import("../range-control/types").NumericProps | "marks" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "railColor" | "renderTooltipContent" | "resetFallbackValue" | "separatorType" | "trackColor" | "withInputField"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const AuxiliaryColorArtefactWrapper: import("@emotion/styled").StyledComponent<{

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;UAWzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA6C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;UAWzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA6C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}

package/build-types/confirm-dialog/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/component.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsG1D,wBAAgE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/confirm-dialog/component.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgH1D,wBAAgE"}

package/build-types/font-size-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAyQnD,eAAO,MAAM,cAAc,qGAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/index.tsx"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA4QnD,eAAO,MAAM,cAAc,qGAA0C,CAAC;AAEtE,eAAe,cAAc,CAAC"}

package/build-types/font-size-picker/styles.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import type { FontSizePickerProps } from './types';
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -30,9 +29,4 @@ export declare const Controls: import("@emotion/styled").StyledComponent<{
 } & {
     __nextHasNoMarginBottom: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ResetButton: import("@emotion/styled").StyledComponent<((import("../button/types").ButtonProps & import("react").RefAttributes<any>) & {
-    theme?: import("@emotion/react").Theme | undefined;
-}) & {
-    size: FontSizePickerProps['size'];
-}, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/font-size-picker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,eAAO,MAAM,SAAS;;;2HAIrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;UAElB,CAAC;AAEF,eAAO,MAAM,YAAY;;UAExB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;6BACK,OAAO;yGAIhC,CAAC;AAEF,eAAO,MAAM,WAAW;;;UACjB,mBAAmB,CAAE,MAAM,CAAE;UAMnC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/font-size-picker/styles.ts"],"names":[],"mappings":";AAcA,eAAO,MAAM,SAAS;;;2HAIrB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;UAElB,CAAC;AAEF,eAAO,MAAM,YAAY;;UAExB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UAKvB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAEtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;6BACK,OAAO;yGAIhC,CAAC"}

package/build-types/guide/icons.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
-export declare const PageControlIcon: ({ isSelected }: {
-    isSelected: boolean;
-}) => JSX.Element;
+export declare const PageControlIcon: () => JSX.Element;
 //# sourceMappingURL=icons.d.ts.map

package/build-types/guide/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/guide/icons.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe;gBAAmC,OAAO;iBASrE,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/guide/icons.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,eAAe,mBAI3B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/guide/index.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAE,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAiC,EACjC,QAAQ,EACR,KAAU,GACV,EAAE,UAAU,sBA+GZ;AAED,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/guide/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,KAAK,CAAE,EACf,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAiC,EACjC,QAAQ,EACR,KAAU,GACV,EAAE,UAAU,sBAiHZ;AAED,eAAe,KAAK,CAAC"}

package/build-types/guide/page-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-control.d.ts","sourceRoot":"","sources":["../../src/guide/page-control.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EACpC,WAAW,EACX,aAAa,EACb,cAAc,GACd,EAAE,gBAAgB,eA+BlB"}
+{"version":3,"file":"page-control.d.ts","sourceRoot":"","sources":["../../src/guide/page-control.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EACpC,WAAW,EACX,aAAa,EACb,cAAc,GACd,EAAE,gBAAgB,eA2BlB"}

package/build-types/navigator/navigator-back-button/component.d.ts

@@ -35,7 +35,6 @@
  */
 export declare const NavigatorBackButton: import("../../ui/context").WordPressComponent<"button", {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -52,6 +51,7 @@ export declare const NavigatorBackButton: import("../../ui/context").WordPressCo
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

package/build-types/navigator/navigator-back-button/hook.d.ts

@@ -6,7 +6,6 @@ import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorBackButtonHookProps } from '../types';
 export declare function useNavigatorBackButton(props: WordPressComponentProps<NavigatorBackButtonHookProps, 'button'>): {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -23,6 +22,7 @@ export declare function useNavigatorBackButton(props: WordPressComponentProps<Na
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

package/build-types/navigator/navigator-button/component.d.ts

@@ -34,7 +34,6 @@
  */
 export declare const NavigatorButton: import("../../ui/context").WordPressComponent<"button", {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -51,6 +50,7 @@ export declare const NavigatorButton: import("../../ui/context").WordPressCompon
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

package/build-types/navigator/navigator-button/hook.d.ts

@@ -6,7 +6,6 @@ import { WordPressComponentProps } from '../../ui/context';
 import type { NavigatorButtonProps } from '../types';
 export declare function useNavigatorButton(props: WordPressComponentProps<NavigatorButtonProps, 'button'>): {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -23,6 +22,7 @@ export declare function useNavigatorButton(props: WordPressComponentProps<Naviga
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

package/build-types/navigator/navigator-to-parent-button/component.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare const NavigatorToParentButton: import("../../ui/context").WordPressComponent<"button", {
     __next40pxDefaultSize?: boolean | undefined;
-    __next32pxSmallSize?: boolean | undefined;
     children?: import("react").ReactNode;
     describedBy?: string | undefined;
     focus?: boolean | undefined;
@@ -18,6 +17,7 @@ export declare const NavigatorToParentButton: import("../../ui/context").WordPre
         ariaLabel: string;
     } | undefined;
     showTooltip?: boolean | undefined;
+    size?: "default" | "small" | "compact" | undefined;
     text?: string | undefined;
     tooltipPosition?: ("bottom" | "top" | "middle") | "bottom left" | "bottom right" | "bottom center" | "top left" | "top right" | "top center" | "middle left" | "middle right" | "middle center" | "bottom left left" | "bottom left right" | "bottom left bottom" | "bottom left top" | "bottom right left" | "bottom right right" | "bottom right bottom" | "bottom right top" | "bottom center left" | "bottom center right" | "bottom center bottom" | "bottom center top" | "top left left" | "top left right" | "top left bottom" | "top left top" | "top right left" | "top right right" | "top right bottom" | "top right top" | "top center left" | "top center right" | "top center bottom" | "top center top" | "middle left left" | "middle left right" | "middle left bottom" | "middle left top" | "middle right left" | "middle right right" | "middle right bottom" | "middle right top" | "middle center left" | "middle center right" | "middle center bottom" | "middle center top" | undefined;
     variant?: "link" | "primary" | "secondary" | "tertiary" | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/number-control/index.tsx"],"names":[],"mappings":";AA+QA,eAAO,MAAM,aAAa;;;;;;;;;;;;m6KAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/number-control/index.tsx"],"names":[],"mappings":";AAiRA,eAAO,MAAM,aAAa;;;;;;;;;;;;m6KAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

package/build-types/number-control/styles/number-control-styles.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
-import type { NumberControlProps } from '../types';
 export declare const Input: import("@emotion/styled").StyledComponent<import("../../input-control/types").InputControlProps & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     hideHTMLArrows: boolean;
 }, {}, {}>;
-export declare const SpinButton: import("@emotion/styled").StyledComponent<((import("../../button/types").ButtonProps & import("react").RefAttributes<any>) & {
+export declare const SpinButton: import("@emotion/styled").StyledComponent<(import("../../button/types").ButtonProps & import("react").RefAttributes<any>) & {
     theme?: import("@emotion/react").Theme | undefined;
-}) & Pick<NumberControlProps, "size">, {}, {}>;
+}, {}, {}>;
+export declare const styles: {
+    smallSpinButtons: import("@emotion/utils").SerializedStyles;
+};
 //# sourceMappingURL=number-control-styles.d.ts.map

package/build-types/number-control/styles/number-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-control-styles.d.ts","sourceRoot":"","sources":["../../../src/number-control/styles/number-control-styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAoBnD,eAAO,MAAM,KAAK;;;oBAlB8C,OAAO;UAoBtE,CAAC;AAgBF,eAAO,MAAM,UAAU;;8CAKtB,CAAC"}
+{"version":3,"file":"number-control-styles.d.ts","sourceRoot":"","sources":["../../../src/number-control/styles/number-control-styles.ts"],"names":[],"mappings":";AAgCA,eAAO,MAAM,KAAK;;;oBAlB8C,OAAO;UAoBtE,CAAC;AAEF,eAAO,MAAM,UAAU;;UAItB,CAAC;AAQF,eAAO,MAAM,MAAM;;CAAuB,CAAC"}

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

@@ -43,15 +43,28 @@ export declare const RangeControl: import("react").ForwardRefExoticComponent<Pic
     onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
     onMouseMove?: import("react").MouseEventHandler<HTMLInputElement> | undefined;
-    railColor?: import("csstype").Property.Color | undefined;
+    railColor?: import("csstype").Property.Color | undefined; /**
+     * Previously, this callback would always receive undefined as
+     * an argument. This behavior is unexpected, specifically
+     * when resetFallbackValue is defined.
+     *
+     * The value of undefined is not ideal. Passing it through
+     * to internal <input /> elements would change it from a
+     * controlled component to an uncontrolled component.
+     *
+     * For now, to minimize unexpected regressions, we're going to
+     * preserve the undefined callback argument, except when a
+     * resetFallbackValue is defined.
+     */
     renderTooltipContent?: ((value?: import("./types").ControlledRangeValue | undefined) => string | number | null | undefined) | undefined;
     resetFallbackValue?: number | undefined;
     separatorType?: "none" | "fullWidth" | "topFullWidth" | undefined;
     shiftStep?: number | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     showTooltip?: boolean | undefined;
     trackColor?: import("csstype").Property.Color | undefined;
     type?: "stepper" | undefined;
     withInputField?: boolean | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "showTooltip" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "isShiftStepEnabled" | "shiftStep" | "marks" | "railColor" | "trackColor" | keyof import("./types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, "onChange" | "color" | "help" | "icon" | "disabled" | "children" | "label" | "as" | "type" | "onFocus" | "onBlur" | "onMouseLeave" | "onMouseMove" | "step" | "__next40pxDefaultSize" | "showTooltip" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "isShiftStepEnabled" | "shiftStep" | keyof import("./types").NumericProps | "marks" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "railColor" | "renderTooltipContent" | "resetFallbackValue" | "separatorType" | "trackColor" | "withInputField"> & import("react").RefAttributes<HTMLInputElement>>;
 export default RangeControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/range-control/index.tsx"],"names":[],"mappings":";AA0UA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4uBAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/range-control/index.tsx"],"names":[],"mappings":";AAsVA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;8DA1LvB;;;;;;;;;;;;OAYG;;;;;;;;;;swBA8K4D,CAAC;AAElE,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-range.d.ts","sourceRoot":"","sources":["../../src/range-control/input-range.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAuB/C,QAAA,MAAM,kBAAkB;;oDAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"input-range.d.ts","sourceRoot":"","sources":["../../src/range-control/input-range.tsx"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsB/C,QAAA,MAAM,kBAAkB;;oDAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}

package/build-types/range-control/styles/range-control-styles.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import type { RangeMarkProps, ThumbProps, TooltipProps, TrackProps } from '../types';
+import type { RangeMarkProps, ThumbProps, TooltipProps, TrackProps, RangeControlProps } from '../types';
+type RootProps = Pick<RangeControlProps, '__next40pxDefaultSize'>;
 export declare const Root: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+} & RootProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -83,4 +84,5 @@ export declare const ActionRightWrapper: import("@emotion/styled").StyledCompone
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export {};
 //# sourceMappingURL=range-control-styles.d.ts.map

package/build-types/range-control/styles/range-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EACX,cAAc,EAEd,UAAU,EACV,YAAY,EACZ,UAAU,EAEV,MAAM,UAAU,CAAC;AAQlB,eAAO,MAAM,IAAI;;;yGAShB,CAAC;AAYF,eAAO,MAAM,OAAO;;;;;;yGASnB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAK7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAK5B,CAAC;AAYF,eAAO,MAAM,IAAI;;;;;;;;;;;;2GAahB,CAAC;AAYF,eAAO,MAAM,KAAK;;;wHAWjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAMxB,CAAC;AAcF,eAAO,MAAM,IAAI;;;4HAQhB,CAAC;AAQF,eAAO,MAAM,SAAS;;;4HAUrB,CAAC;AAWF,eAAO,MAAM,YAAY;;;wHAoBxB,CAAC;AAoBF,eAAO,MAAM,KAAK;;;wHAWjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;kHAatB,CAAC;AAsBF,eAAO,MAAM,OAAO;;;0HAuBnB,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;UAWvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2GAW9B,CAAC"}
+{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.ts"],"names":[],"mappings":";AAaA,OAAO,KAAK,EACX,cAAc,EAEd,UAAU,EACV,YAAY,EACZ,UAAU,EAEV,iBAAiB,EACjB,MAAM,UAAU,CAAC;AAalB,KAAK,SAAS,GAAG,IAAI,CAAE,iBAAiB,EAAE,uBAAuB,CAAE,CAAC;AACpE,eAAO,MAAM,IAAI;;;qHAYhB,CAAC;AAYF,eAAO,MAAM,OAAO;;;;;;yGASnB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAK7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;2GAK5B,CAAC;AAYF,eAAO,MAAM,IAAI;;;;;;;;;;;;2GAahB,CAAC;AAYF,eAAO,MAAM,KAAK;;;wHAWjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;2GAMxB,CAAC;AAcF,eAAO,MAAM,IAAI;;;4HAQhB,CAAC;AAQF,eAAO,MAAM,SAAS;;;4HAUrB,CAAC;AAWF,eAAO,MAAM,YAAY;;;wHAoBxB,CAAC;AAoBF,eAAO,MAAM,KAAK;;;wHAWjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;kHAatB,CAAC;AAsBF,eAAO,MAAM,OAAO;;;0HAuBnB,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;UAUvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;2GAW9B,CAAC"}