@wordpress/components 23.2.0 → 23.3.1

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

@@ -1,9 +1,145 @@
-declare var _default: import("react").ForwardRefExoticComponent<Pick<{
-    [x: string]: any;
-    labelPosition: any;
-    size: any;
-    tooltip: any;
-    label: any;
-}, string | number> & import("react").RefAttributes<any>>;
+/// <reference types="react" />
+import type { DeprecatedIconButtonProps } from './types';
+declare const _default: import("react").ForwardRefExoticComponent<((Pick<{
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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;
+} & {
+    disabled?: boolean | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "disabled" | "as" | keyof {
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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 {
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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<{
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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;
+} & {
+    disabled?: false | undefined;
+    href: string;
+    target?: string | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof import("react").AnchorHTMLAttributes<HTMLAnchorElement>>, "as" | keyof {
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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;
+} | keyof {
+    disabled?: false | undefined;
+    href: string;
+    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 {
+    children?: import("react").ReactNode;
+    describedBy?: string | undefined;
+    focus?: boolean | undefined;
+    icon?: import("../icon").IconType<unknown> | null | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    iconSize?: number | undefined;
+    isBusy?: boolean | undefined;
+    isDestructive?: boolean | undefined;
+    isPressed?: boolean | undefined;
+    isSmall?: boolean | undefined;
+    label?: string | undefined;
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    } | undefined;
+    showTooltip?: boolean | 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;
+} | "hrefLang" | "ping" | "rel" | "referrerPolicy" | keyof {
+    disabled?: false | undefined;
+    href: string;
+    target?: string | undefined;
+}>) & DeprecatedIconButtonProps) & import("react").RefAttributes<any>>;
 export default _default;
 //# sourceMappingURL=deprecated.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../../src/button/deprecated.js"],"names":[],"mappings":""}
+{"version":3,"file":"deprecated.d.ts","sourceRoot":"","sources":["../../src/button/deprecated.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BzD,wBAAmD"}

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

@@ -1,4 +1,21 @@
-export function Button(props: any, ref: any): JSX.Element;
-declare var _default: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any>>;
-export default _default;
+import type { ForwardedRef } from 'react';
+import type { ButtonProps } from './types';
+export declare function UnforwardedButton(props: ButtonProps, ref: ForwardedRef<any>): JSX.Element;
+/**
+ * Lets users take actions and make choices with a single click or tap.
+ *
+ * ```jsx
+ * import { Button } from '@wordpress/components';
+ * const Mybutton = () => (
+ *   <Button
+ *     variant="primary"
+ *     onClick={ handleClick }
+ *   >
+ *     Click here
+ *   </Button>
+ * );
+ * ```
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
+export default Button;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/button/index.js"],"names":[],"mappings":"AAiEA,0DA4IC"}
+{"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,eAgLxB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,MAAM,6FAAkC,CAAC;AACtD,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,20 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import './style.css';
+import Button from '..';
+declare const meta: ComponentMeta<typeof Button>;
+export default meta;
+export declare const Default: ComponentStory<typeof Button>;
+export declare const Primary: ComponentStory<typeof Button>;
+export declare const Secondary: ComponentStory<typeof Button>;
+export declare const Tertiary: ComponentStory<typeof Button>;
+export declare const Link: ComponentStory<typeof Button>;
+export declare const IsDestructive: ComponentStory<typeof Button>;
+export declare const Icon: ComponentStory<typeof Button>;
+export declare const GroupedIcons: ComponentStory<typeof Button>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AActE;;GAEG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,MAAM,CAoBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAK5E,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAM5E,eAAO,MAAM,SAAS,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAM9E,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAM7E,eAAO,MAAM,IAAI,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAMzE,eAAO,MAAM,aAAa,EAAE,cAAc,CAAE,OAAO,MAAM,CAExD,CAAC;AAMF,eAAO,MAAM,IAAI,EAAE,cAAc,CAAE,OAAO,MAAM,CAAwB,CAAC;AAMzE,eAAO,MAAM,YAAY,EAAE,cAAc,CAAE,OAAO,MAAM,CAYvD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,134 @@
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { Props as IconProps } from '../icon';
+import type { PopoverProps } from '../popover/types';
+import type { WordPressComponentProps } from '../ui/context/wordpress-component';
+export declare type ButtonProps = WordPressComponentProps<BaseButtonProps & _ButtonProps, 'button', false> | WordPressComponentProps<BaseButtonProps & AnchorProps, 'a', false>;
+declare type BaseButtonProps = {
+    /**
+     * The button's children.
+     */
+    children?: ReactNode;
+    /**
+     * An accessible description for the button.
+     */
+    describedBy?: string;
+    /**
+     * Whether the button is focused.
+     */
+    focus?: boolean;
+    /**
+     * If provided, renders an Icon component inside the button.
+     */
+    icon?: IconProps<unknown>['icon'];
+    /**
+     * If provided with `icon`, sets the position of icon relative to the `text`.
+     *
+     * @default 'left'
+     */
+    iconPosition?: 'left' | 'right';
+    /**
+     * If provided with `icon`, sets the icon size.
+     * Please refer to the Icon component for more details regarding
+     * the default value of its `size` prop.
+     */
+    iconSize?: IconProps<unknown>['size'];
+    /**
+     * Indicates activity while a action is being performed.
+     */
+    isBusy?: boolean;
+    /**
+     * Renders a red text-based button style to indicate destructive behavior.
+     */
+    isDestructive?: boolean;
+    /**
+     * Renders a pressed button style.
+     */
+    isPressed?: boolean;
+    /**
+     * Decreases the size of the button.
+     */
+    isSmall?: boolean;
+    /**
+     * Sets the `aria-label` of the component, if none is provided.
+     * Sets the Tooltip content if `showTooltip` is provided.
+     */
+    label?: string;
+    /**
+     * If provided with `showTooltip`, appends the Shortcut label to the tooltip content.
+     * If an object is provided, it should contain `display` and `ariaLabel` keys.
+     */
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+    /**
+     * If provided, renders a Tooltip component for the button.
+     */
+    showTooltip?: boolean;
+    /**
+     * If provided, displays the given text inside the button. If the button contains children elements, the text is displayed before them.
+     */
+    text?: string;
+    /**
+     * If provided with `showTooltip`, sets the position of the tooltip.
+     * Please refer to the Tooltip component for more details regarding the defaults.
+     */
+    tooltipPosition?: PopoverProps['position'];
+    /**
+     * Specifies the button's style.
+     * The accepted values are:
+     * 'primary' (the primary button styles)
+     * 'secondary' (the default button styles)
+     * 'tertiary' (the text-based button styles)
+     * 'link' (the link button styles)
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'link';
+    /**
+     * Whether this is focusable.
+     */
+    __experimentalIsFocusable?: boolean;
+};
+declare type _ButtonProps = {
+    /**
+     * Whether the button is disabled.
+     * If `true`, this will force a `button` element to be rendered.
+     */
+    disabled?: boolean;
+};
+declare type AnchorProps = {
+    /**
+     * Whether the button is disabled.
+     * If `true`, this will force a `button` element to be rendered.
+     */
+    disabled?: false;
+    /**
+     * If provided, renders `a` instead of `button`.
+     */
+    href: string;
+    /**
+     * If provided with `href`, sets the `target` attribute to the `a`.
+     */
+    target?: string;
+};
+export declare type DeprecatedButtonProps = {
+    isDefault?: boolean;
+    isLink?: boolean;
+    isPrimary?: boolean;
+    isSecondary?: boolean;
+    isTertiary?: boolean;
+};
+export declare type DeprecatedIconButtonProps = {
+    labelPosition: ButtonProps['tooltipPosition'];
+    showTooltip?: boolean;
+    size: ButtonProps['iconSize'];
+    label: ButtonProps['label'];
+    tooltip: ButtonProps['label'];
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/button/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,oBAAY,WAAW,GACpB,uBAAuB,CAAE,eAAe,GAAG,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAE,GAC1E,uBAAuB,CAAE,eAAe,GAAG,WAAW,EAAE,GAAG,EAAE,KAAK,CAAE,CAAC;AAExE,aAAK,eAAe,GAAG;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,OAAO,CAAE,CAAE,MAAM,CAAE,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAE,OAAO,CAAE,CAAE,MAAM,CAAE,CAAC;IAC1C;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC3D;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IAC7C;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACxD;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,aAAK,YAAY,GAAG;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,aAAK,WAAW,GAAG;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACvC,aAAa,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,WAAW,CAAE,UAAU,CAAE,CAAC;IAChC,KAAK,EAAE,WAAW,CAAE,OAAO,CAAE,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAE,OAAO,CAAE,CAAC;CAChC,CAAC"}

package/build-types/color-list-picker/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { ColorListPickerProps } from './types';
+declare function ColorListPicker({ colors, labels, value, disableCustomColors, enableAlpha, onChange, }: ColorListPickerProps): JSX.Element;
+export default ColorListPicker;
+//# sourceMappingURL=index.d.ts.map

package/build-types/color-list-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-list-picker/index.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,oBAAoB,EAAoB,MAAM,SAAS,CAAC;AA4CtE,iBAAS,eAAe,CAAE,EACzB,MAAM,EACN,MAAM,EACN,KAAU,EACV,mBAAmB,EACnB,WAAW,EACX,QAAQ,GACR,EAAE,oBAAoB,eAoBtB;AAED,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,42 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties } from 'react';
+export declare type ColorListPickerProps = {
+    /**
+     * A list of predifened colors. Each color is an object with a `name` and a
+     * `color` value.
+     * The `name` is a string used to identify the color in the UI.
+     * The `color` is a valid CSS color string.
+     */
+    colors: Array<{
+        name: string;
+        color: NonNullable<CSSProperties['color']>;
+    }>;
+    /**
+     * A list of labels for each of the options displayed in the UI.
+     */
+    labels: Array<string>;
+    /**
+     * An array containing the currently selected colors.
+     */
+    value?: Array<string | undefined>;
+    /**
+     * Controls whether the custom color picker is displayed.
+     */
+    disableCustomColors?: boolean;
+    /**
+     * Controls whether the ColorPalette should show an alpha channel control.
+     */
+    enableAlpha?: boolean;
+    /**
+     * A function that receives the updated color value.
+     */
+    onChange: (newValue: Array<string | undefined>) => void;
+};
+export declare type ColorOptionProps = Pick<ColorListPickerProps, 'colors' | 'disableCustomColors' | 'enableAlpha'> & {
+    label: ColorListPickerProps['labels'][number];
+    value: string | undefined;
+    onChange: (newValue: string | undefined) => void;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/color-list-picker/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,oBAAoB,GAAG;IAClC;;;;;OAKG;IACH,MAAM,EAAE,KAAK,CAAE;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,WAAW,CAAE,aAAa,CAAE,OAAO,CAAE,CAAE,CAAC;KAC/C,CAAE,CAAC;IACJ;;OAEG;IACH,MAAM,EAAE,KAAK,CAAE,MAAM,CAAE,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAE,MAAM,GAAG,SAAS,CAAE,CAAC;IACpC;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,CAAE,QAAQ,EAAE,KAAK,CAAE,MAAM,GAAG,SAAS,CAAE,KAAM,IAAI,CAAC;CAC5D,CAAC;AAEF,oBAAY,gBAAgB,GAAG,IAAI,CAClC,oBAAoB,EACpB,QAAQ,GAAG,qBAAqB,GAAG,aAAa,CAChD,GAAG;IACH,KAAK,EAAE,oBAAoB,CAAE,QAAQ,CAAE,CAAE,MAAM,CAAE,CAAC;IAClD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAE,QAAQ,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;CACnD,CAAC"}

package/build-types/color-palette/index.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { ColorObject, ColorPaletteProps, CustomColorPickerDropdownProps, PaletteObject } from './types';
+import type { ColorObject, CustomColorPickerDropdownProps, PaletteObject } from './types';
 export declare function CustomColorPickerDropdown({ isRenderedInSidebar, popoverProps: receivedPopoverProps, ...props }: CustomColorPickerDropdownProps): JSX.Element;
-export declare const extractColorNameFromCurrentValue: (currentValue?: ColorPaletteProps['value'], colors?: ColorPaletteProps['colors'], showMultiplePalettes?: boolean) => string;
-export declare const showTransparentBackground: (currentValue?: string | undefined) => boolean;
 /**
  * Allows the user to pick a color from a list of pre-defined color entries.
  *
@@ -35,7 +33,7 @@ export declare const ColorPalette: import("react").ForwardRefExoticComponent<Pic
     actions?: import("react").ReactNode;
 }, "onChange"> & {
     clearable?: boolean | undefined;
-    colors?: (ColorObject | PaletteObject)[] | undefined;
+    colors?: ColorObject[] | PaletteObject[] | undefined;
     disableCustomColors?: boolean | undefined;
     enableAlpha?: boolean | undefined;
     value?: string | undefined;

package/build-types/color-palette/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACX,WAAW,EACX,iBAAiB,EACjB,8BAA8B,EAE9B,aAAa,EAEb,MAAM,SAAS,CAAC;AAoGjB,wBAAgB,yBAAyB,CAAE,EAC1C,mBAAmB,EACnB,YAAY,EAAE,oBAAoB,EAClC,GAAG,KAAK,EACR,EAAE,8BAA8B,eA4BhC;AAED,eAAO,MAAM,gCAAgC,kBAC7B,iBAAiB,CAAE,OAAO,CAAE,WACnC,iBAAiB,CAAE,QAAQ,CAAE,yBACf,OAAO,WA8B7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,gDAKrC,CAAC;AAuJF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;uCAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,KAAK,EACX,WAAW,EAEX,8BAA8B,EAE9B,aAAa,EAEb,MAAM,SAAS,CAAC;AA0GjB,wBAAgB,yBAAyB,CAAE,EAC1C,mBAAmB,EACnB,YAAY,EAAE,oBAAoB,EAClC,GAAG,KAAK,EACR,EAAE,8BAA8B,eA4BhC;AAmID;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;uCAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}

package/build-types/color-palette/stories/index.d.ts

@@ -14,7 +14,7 @@ export declare const Default: ComponentStory<import("react").ForwardRefExoticCom
     actions?: import("react").ReactNode;
 }, "onChange"> & {
     clearable?: boolean | undefined;
-    colors?: (import("../types").ColorObject | import("../types").PaletteObject)[] | undefined;
+    colors?: import("../types").ColorObject[] | import("../types").PaletteObject[] | undefined;
     disableCustomColors?: boolean | undefined;
     enableAlpha?: boolean | undefined;
     value?: string | undefined;
@@ -30,7 +30,7 @@ export declare const MultipleOrigins: ComponentStory<import("react").ForwardRefE
     actions?: import("react").ReactNode;
 }, "onChange"> & {
     clearable?: boolean | undefined;
-    colors?: (import("../types").ColorObject | import("../types").PaletteObject)[] | undefined;
+    colors?: import("../types").ColorObject[] | import("../types").PaletteObject[] | undefined;
     disableCustomColors?: boolean | undefined;
     enableAlpha?: boolean | undefined;
     value?: string | undefined;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const ColorHeading: import("@emotion/styled").StyledComponent<Omit<import("../text/types").Props, "size"> & {
     level?: import("../heading/types").HeadingSize | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "weight" | "children" | "as" | "variant" | keyof import("react").RefAttributes<any> | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "weight" | "children" | "as" | "isDestructive" | "variant" | keyof import("react").RefAttributes<any> | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/build-types/color-palette/types.d.ts

@@ -47,7 +47,7 @@ export declare type ColorPaletteProps = Pick<PaletteProps, 'onChange'> & {
      *
      * @default []
      */
-    colors?: (PaletteObject | ColorObject)[];
+    colors?: PaletteObject[] | ColorObject[];
     /**
      * Whether to allow the user to pick a custom color on top of the predefined
      * choices (defined via the `colors` prop).

package/build-types/color-palette/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/color-palette/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,oBAAY,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAE,aAAa,CAAE,OAAO,CAAE,CAAE,CAAC;CAC/C,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,aAAK,YAAY,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,CAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC/C,MAAM,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,oBAAY,qBAAqB,GAAG,YAAY,GAAG;IAClD,MAAM,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,8BAA8B,GAAG,aAAa,GAAG;IAC5D,mBAAmB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,GAAG;IAClE;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAE,aAAa,GAAG,WAAW,CAAE,EAAE,CAAC;IAC3C;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/color-palette/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,oBAAY,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,CAAE,aAAa,CAAE,OAAO,CAAE,CAAE,CAAC;CAC/C,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,aAAK,YAAY,GAAG;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,CAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,YAAY,GAAG;IAC/C,MAAM,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AAEF,oBAAY,qBAAqB,GAAG,YAAY,GAAG;IAClD,MAAM,EAAE,aAAa,EAAE,CAAC;CACxB,CAAC;AAEF,oBAAY,8BAA8B,GAAG,aAAa,GAAG;IAC5D,mBAAmB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB,GAAG,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,GAAG;IAClE;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,GAAG,WAAW,EAAE,CAAC;IACzC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;CAC5C,CAAC"}

package/build-types/color-palette/utils.d.ts

@@ -0,0 +1,14 @@
+/**
+ * External dependencies
+ */
+import type { RefObject } from 'react';
+/**
+ * Internal dependencies
+ */
+import type { ColorObject, ColorPaletteProps, PaletteObject } from './types';
+export declare const extractColorNameFromCurrentValue: (currentValue?: ColorPaletteProps['value'], colors?: ColorPaletteProps['colors'], showMultiplePalettes?: boolean) => string;
+export declare const showTransparentBackground: (currentValue?: string | undefined) => boolean;
+export declare const isMultiplePaletteObject: (obj: PaletteObject | ColorObject) => obj is PaletteObject;
+export declare const isMultiplePaletteArray: (arr: (PaletteObject | ColorObject)[]) => arr is PaletteObject[];
+export declare const normalizeColorValue: (value: string | undefined, ref: RefObject<HTMLElement> | null) => string | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/build-types/color-palette/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/color-palette/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAI7E,eAAO,MAAM,gCAAgC,kBAC7B,iBAAiB,CAAE,OAAO,CAAE,WACnC,iBAAiB,CAAE,QAAQ,CAAE,yBACf,OAAO,WA8B7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,gDAKrC,CAAC;AAIF,eAAO,MAAM,uBAAuB,QAC9B,aAAa,GAAG,WAAW,yBAEwC,CAAC;AAE1E,eAAO,MAAM,sBAAsB,QAC7B,CAAE,aAAa,GAAG,WAAW,CAAE,EAAE,2BAMtC,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACxB,MAAM,GAAG,SAAS,OACpB,UAAW,WAAW,CAAE,GAAG,IAAI,uBAiBpC,CAAC"}

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

@@ -48,7 +48,7 @@ export declare const RangeControl: import("@emotion/styled").StyledComponent<Pic
     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" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "showTooltip" | "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" | "showTooltip" | "__nextHasNoMarginBottom" | "hideLabelFromVision" | "isShiftStepEnabled" | "shiftStep" | "marks" | "railColor" | "trackColor" | keyof import("../range-control/types").NumericProps | "renderTooltipContent" | "afterIcon" | "allowReset" | "beforeIcon" | "currentInput" | "initialPosition" | "resetFallbackValue" | "separatorType" | "withInputField"> & import("react").RefAttributes<HTMLInputElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const AuxiliaryColorArtefactWrapper: import("@emotion/styled").StyledComponent<{
@@ -72,7 +72,7 @@ export declare const ColorfulWrapper: import("@emotion/styled").StyledComponent<
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CopyButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const CopyButton: import("@emotion/styled").StyledComponent<(import("../button/types").ButtonProps & import("react").RefAttributes<any>) & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/index.tsx"],"names":[],"mappings":";AA2BA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAahD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAW,EACX,aAAa,EACb,gBAAgB,EAChB,WAAW,EAAE,YAAgB,GAC7B,EAAE,eAAe,eAkMjB;AAmGD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/date-time/date/index.tsx"],"names":[],"mappings":";AA4BA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAahD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,UAAU,CAAE,EAC3B,WAAW,EACX,QAAQ,EACR,MAAW,EACX,aAAa,EACb,gBAAgB,EAChB,WAAW,EAAE,YAAgB,GAC7B,EAAE,eAAe,eAkMjB;AAmGD,eAAe,UAAU,CAAC"}

package/build-types/date-time/date/styles.d.ts

@@ -13,7 +13,7 @@ export declare const Navigator: import("@emotion/styled").StyledComponent<Omit<i
 }, {}, {}>;
 export declare const NavigatorHeading: import("@emotion/styled").StyledComponent<Omit<import("../../text/types").Props, "size"> & {
     level?: import("../../heading/types").HeadingSize | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "weight" | "children" | "as" | "variant" | keyof import("react").RefAttributes<any> | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "color" | "display" | "letterSpacing" | "lineHeight" | "ellipsis" | "weight" | "children" | "as" | "isDestructive" | "variant" | keyof import("react").RefAttributes<any> | "isBlock" | "align" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -26,9 +26,9 @@ export declare const DayOfWeek: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DayButton: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<any> & {
+export declare const DayButton: import("@emotion/styled").StyledComponent<((import("../../button/types").ButtonProps & import("react").RefAttributes<any>) & {
     theme?: import("@emotion/react").Theme | undefined;
-} & {
+}) & {
     column: number;
     isSelected: boolean;
     isToday: boolean;