@wordpress/components 22.0.0 → 22.1.0

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":";AAkBA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;+BA+DlD,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCjB"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":";AAkBA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAE3E,wBAAgB,mBAAmB,CAClC,KAAK,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,CAAE;;;;;;;;;;+BAuElD,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CjB"}

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import type { LinkedButtonProps } from '../types';
-declare const ConnectedBorderBoxControlLinkedButton: import("../../ui/context").WordPressComponent<"div", LinkedButtonProps & import("react").RefAttributes<any>, true>;
+declare const ConnectedBorderBoxControlLinkedButton: import("../../ui/context").WordPressComponent<"div", Pick<import("../types").BorderBoxControlProps, "size"> & {
+    isLinked: boolean;
+    onClick: () => void;
+} & import("react").RefAttributes<any>, true>;
 export default ConnectedBorderBoxControlLinkedButton;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/component.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AA0BlD,QAAA,MAAM,qCAAqC,oHAG1C,CAAC;AACF,eAAe,qCAAqC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-linked-button/component.tsx"],"names":[],"mappings":";AAyCA,QAAA,MAAM,qCAAqC;;;6CAG1C,CAAC;AACF,eAAe,qCAAqC,CAAC"}

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context").WordPressComponent<"div", import("../../border-control/types").ColorProps & {
-    enableStyle?: boolean | undefined;
+declare const ConnectedBorderBoxControlSplitControls: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & Pick<import("../types").BorderBoxControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
     popoverPlacement?: import("@floating-ui/core").Placement | undefined;
     popoverOffset?: number | undefined;
     value?: import("../types").Borders | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, true>;
 export default ConnectedBorderBoxControlSplitControls;
 //# sourceMappingURL=component.d.ts.map

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

@@ -4,14 +4,14 @@ import type { SplitControlsProps } from '../types';
 export declare function useBorderBoxControlSplitControls(props: WordPressComponentProps<SplitControlsProps, 'div'>): {
     centeredClassName: string;
     className: string;
+    colors: (import("../../color-palette/types").ColorObject | import("../../color-palette/types").PaletteObject)[];
+    enableAlpha: boolean;
+    enableStyle: boolean;
     rightAlignedClassName: string;
     size: "default" | "__unstable-large";
-    colors?: import("../../border-control/types").Colors | undefined;
+    __experimentalHasMultipleOrigins: boolean;
+    __experimentalIsRenderedInSidebar: boolean;
     disableCustomColors?: boolean | undefined;
-    enableAlpha?: boolean | undefined;
-    __experimentalHasMultipleOrigins?: boolean | undefined;
-    __experimentalIsRenderedInSidebar?: boolean | undefined;
-    enableStyle?: boolean | undefined;
     onChange: (value: import("../../border-control/types").Border | undefined, side: keyof import("../types").Borders) => void;
     popoverPlacement?: import("@floating-ui/core").Placement | undefined;
     popoverOffset?: number | undefined;

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import type { VisualizerProps } from '../types';
-declare const ConnectedBorderBoxControlVisualizer: import("../../ui/context").WordPressComponent<"div", VisualizerProps & import("react").RefAttributes<any>, true>;
+declare const ConnectedBorderBoxControlVisualizer: import("../../ui/context").WordPressComponent<"div", Pick<import("../types").BorderBoxControlProps, "size"> & {
+    value?: import("../types").Borders | undefined;
+} & import("react").RefAttributes<any>, true>;
 export default ConnectedBorderBoxControlVisualizer;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/component.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAWhD,QAAA,MAAM,mCAAmC,kHAGxC,CAAC;AACF,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control-visualizer/component.tsx"],"names":[],"mappings":";AAuBA,QAAA,MAAM,mCAAmC;;6CAGxC,CAAC;AACF,eAAe,mCAAmC,CAAC"}

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

@@ -6,12 +6,12 @@ import type { ComponentMeta, ComponentStory } from '@storybook/react';
 import { BorderBoxControl } from '../';
 declare const meta: ComponentMeta<typeof BorderBoxControl>;
 export default meta;
-export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../../border-control/types").ColorProps & import("../../border-control/types").LabelProps & {
-    enableStyle?: boolean | undefined;
+export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;
     popoverPlacement?: import("@floating-ui/core").Placement | undefined;
     popoverOffset?: number | undefined;
     value: import("../types").AnyBorder;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import type { Border, ColorProps, LabelProps } from '../border-control/types';
+import type { Border, ColorProps, LabelProps, BorderControlProps } from '../border-control/types';
 import type { PopoverProps } from '../popover/types';
 export declare type Borders = {
     top?: Border;
@@ -12,11 +12,7 @@ export declare type Borders = {
 export declare type AnyBorder = Border | Borders | undefined;
 export declare type BorderProp = keyof Border;
 export declare type BorderSide = keyof Borders;
-export declare type BorderBoxControlProps = ColorProps & LabelProps & {
-    /**
-     * This controls whether to support border style selections.
-     */
-    enableStyle?: boolean;
+export declare type BorderBoxControlProps = ColorProps & LabelProps & Pick<BorderControlProps, 'enableStyle' | 'size'> & {
     /**
      * A callback function invoked when any border value is changed. The value
      * received may be a "flat" border object, one that has properties defining
@@ -39,14 +35,8 @@ export declare type BorderBoxControlProps = ColorProps & LabelProps & {
      * properties but for each side; `top`, `right`, `bottom`, and `left`.
      */
     value: AnyBorder;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
-export declare type LinkedButtonProps = {
+export declare type LinkedButtonProps = Pick<BorderBoxControlProps, 'size'> & {
     /**
      * This prop allows the `LinkedButton` to reflect whether the parent
      * `BorderBoxControl` is currently displaying "linked" or "unlinked"
@@ -59,33 +49,16 @@ export declare type LinkedButtonProps = {
      * `BorderBoxControl`.
      */
     onClick: () => void;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
-export declare type VisualizerProps = {
+export declare type VisualizerProps = Pick<BorderBoxControlProps, 'size'> & {
     /**
      * An object representing the current border configuration. It contains
      * properties for each side, with each side an object reflecting the border
      * color, style, and width.
      */
     value?: Borders;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
-export declare type SplitControlsProps = ColorProps & {
-    /**
-     * This controls whether to include border style options within the
-     * individual `BorderControl` components.
-     */
-    enableStyle?: boolean;
+export declare type SplitControlsProps = ColorProps & Pick<BorderBoxControlProps, 'enableStyle' | 'size'> & {
     /**
      * A callback that is invoked whenever an individual side's border has
      * changed.
@@ -105,11 +78,5 @@ export declare type SplitControlsProps = ColorProps & {
      * color, style, and width.
      */
     value?: Borders;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GAAG;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEH,oBAAY,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC7B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAAG;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,KAAM,IAAI,CAAC;IAClE;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;CACtC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-box-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,OAAO,GAAG;IACrB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,oBAAY,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,oBAAY,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,oBAAY,qBAAqB,GAAG,UAAU,GAC7C,UAAU,GACV,IAAI,CAAE,kBAAkB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACpD;;;;OAIG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,SAAS,KAAM,IAAI,CAAC;IACvC;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH,oBAAY,iBAAiB,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACvE;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAC1C,IAAI,CAAE,qBAAqB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACvD;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,KAAM,IAAI,CAAC;IAClE;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAE,WAAW,CAAE,CAAC;IAC/C;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAE,QAAQ,CAAE,CAAC;IACzC;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC"}

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

@@ -34,7 +34,9 @@ import type { LabelProps } from '../types';
  * };
  * ```
  */
-export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & LabelProps & {
+export declare const BorderControl: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -42,10 +44,10 @@ export declare const BorderControl: import("../../ui/context").WordPressComponen
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: import("../types").Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>;
 export default BorderControl;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;AAyG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;8CAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;AAyG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;8CAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -3,6 +3,9 @@ import { WordPressComponentProps } from '../../ui/context';
 import type { Border, BorderControlProps } from '../types';
 export declare function useBorderControl(props: WordPressComponentProps<BorderControlProps, 'div'>): {
     className: string;
+    colors: (import("../../color-palette/types").ColorObject | import("../../color-palette/types").PaletteObject)[];
+    enableAlpha: boolean;
+    enableStyle: boolean;
     innerWrapperClassName: string;
     inputWidth: import("csstype").Property.Width<string | number> | undefined;
     onBorderChange: (newBorder?: Border | undefined) => void;
@@ -14,15 +17,12 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     widthUnit: string;
     widthValue: number | undefined;
     size: "default" | "__unstable-large";
-    colors?: import("../types").Colors | undefined;
+    __experimentalHasMultipleOrigins: boolean;
+    __experimentalIsRenderedInSidebar: boolean;
     disableCustomColors?: boolean | undefined;
-    enableAlpha?: boolean | undefined;
-    __experimentalHasMultipleOrigins?: boolean | undefined;
-    __experimentalIsRenderedInSidebar?: boolean | undefined;
     hideLabelFromVision?: boolean | undefined;
     label?: string | undefined;
     disableUnits?: boolean | undefined;
-    enableStyle?: boolean | undefined;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     showDropdownHeader?: boolean | undefined;
     withSlider?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2H3D"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqI3D"}

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & {
+declare const ConnectedBorderControlDropdown: import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & Pick<import("../types").BorderControlProps, "size" | "enableStyle"> & {
     border?: import("../types").Border | undefined;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    enableStyle?: boolean | undefined;
     onChange: (newBorder?: import("../types").Border | undefined) => void;
     previousStyleSelection?: string | undefined;
     showDropdownHeader?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, true>;
 export default ConnectedBorderControlDropdown;
 //# sourceMappingURL=component.d.ts.map

package/build-types/border-control/border-control-dropdown/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";AA6PA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";AA8PA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

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

@@ -4,7 +4,9 @@ import type { DropdownProps } from '../types';
 export declare function useBorderControlDropdown(props: WordPressComponentProps<DropdownProps, 'div'>): {
     border: import("../types").Border | undefined;
     className: string;
-    colors: import("../types").Colors | undefined;
+    colors: (import("../../color-palette/types").ColorObject | import("../../color-palette/types").PaletteObject)[];
+    enableAlpha: boolean;
+    enableStyle: boolean;
     indicatorClassName: string;
     indicatorWrapperClassName: string;
     onColorChange: (color?: string | undefined) => void;
@@ -13,12 +15,10 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     popoverContentClassName: string;
     popoverControlsClassName: string;
     resetButtonClassName: string;
+    __experimentalHasMultipleOrigins: boolean;
+    __experimentalIsRenderedInSidebar: boolean;
     disableCustomColors?: boolean | undefined;
-    enableAlpha?: boolean | undefined;
-    __experimentalHasMultipleOrigins?: boolean | undefined;
-    __experimentalIsRenderedInSidebar?: boolean | undefined;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
-    enableStyle?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     color?: string | undefined;

package/build-types/border-control/border-control-dropdown/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4EtD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoFtD"}

package/build-types/border-control/stories/index.d.ts

@@ -10,7 +10,9 @@ import { BorderControl } from '..';
 import type { Border } from '../types';
 declare const meta: ComponentMeta<typeof BorderControl>;
 export default meta;
-export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const Default: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -18,15 +20,17 @@ export declare const Default: ComponentStory<import("../../ui/context").WordPres
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 /**
  * Render a slider beside the control.
  */
-export declare const WithSlider: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const WithSlider: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -34,15 +38,17 @@ export declare const WithSlider: ComponentStory<import("../../ui/context").WordP
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 /**
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
  */
-export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -50,16 +56,18 @@ export declare const WithSliderCustomWidth: ComponentStory<import("../../ui/cont
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 /**
  * Restrict the width of the control and prevent it from expanding to take up additional space.
  * When `true`, the `width` prop will be ignored.
  */
-export declare const IsCompact: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const IsCompact: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -67,15 +75,17 @@ export declare const IsCompact: ComponentStory<import("../../ui/context").WordPr
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 /**
  * The `colors` object can contain multiple origins.
  */
-export declare const WithMultipleOrigins: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const WithMultipleOrigins: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -83,15 +93,17 @@ export declare const WithMultipleOrigins: ComponentStory<import("../../ui/contex
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 /**
  * Allow the alpha channel to be edited on each color.
  */
-export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context").WordPressComponent<"div", import("../types").ColorProps & import("../types").LabelProps & {
+export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context").WordPressComponent<"div", Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar"> & {
+    disableCustomColors?: boolean | undefined;
+} & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
     enableStyle?: boolean | undefined;
     isCompact?: boolean | undefined;
@@ -99,9 +111,9 @@ export declare const WithAlphaEnabled: ComponentStory<import("../../ui/context")
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     shouldSanitizeBorder?: boolean | undefined;
     showDropdownHeader?: boolean | undefined;
+    size?: "default" | "__unstable-large" | undefined;
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-    size?: "default" | "__unstable-large" | undefined;
 } & import("react").RefAttributes<any>, false>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;+CAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;+CAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;+CAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;+CAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;+CAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;+CAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAGnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;+CAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;+CAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;+CAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;+CAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;+CAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;+CAAsB,CAAC"}

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

@@ -5,46 +5,18 @@ import type { CSSProperties } from 'react';
 /**
  * Internal dependencies
  */
+import type { ColorPaletteProps } from '../color-palette/types';
 import type { PopoverProps } from '../popover/types';
 export declare type Border = {
     color?: CSSProperties['borderColor'];
     style?: CSSProperties['borderStyle'];
     width?: CSSProperties['borderWidth'];
 };
-export declare type Color = {
-    name: string;
-    color: NonNullable<CSSProperties['color']>;
-};
-export declare type ColorOrigin = {
-    name: string;
-    colors: Color[];
-};
-export declare type Colors = ColorOrigin[] | Color[];
-export declare type ColorProps = {
-    /**
-     * An array of color definitions. This may also be a multi-dimensional array
-     * where colors are organized by multiple origins.
-     */
-    colors?: Colors;
+export declare type ColorProps = Pick<ColorPaletteProps, 'colors' | 'enableAlpha' | '__experimentalHasMultipleOrigins' | '__experimentalIsRenderedInSidebar'> & {
     /**
      * This toggles the ability to choose custom colors.
      */
     disableCustomColors?: boolean;
-    /**
-     * This controls whether the alpha channel will be offered when selecting
-     * custom colors.
-     */
-    enableAlpha?: boolean;
-    /**
-     * This is passed on to the color related sub-components which need to be
-     * made aware of whether the colors prop contains multiple origins.
-     */
-    __experimentalHasMultipleOrigins?: boolean;
-    /**
-     * This is passed on to the color related sub-components so they may render
-     * more effectively when used within a sidebar.
-     */
-    __experimentalIsRenderedInSidebar?: boolean;
 };
 export declare type LabelProps = {
     /**
@@ -63,8 +35,7 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
      */
     disableUnits?: boolean;
     /**
-     * This controls whether to include border style options within the
-     * `BorderDropdown` sub-component.
+     * This controls whether to support border style selection.
      *
      * @default true
      */
@@ -98,6 +69,12 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
      * and a close button.
      */
     showDropdownHeader?: boolean;
+    /**
+     * Size of the control.
+     *
+     * @default 'default'
+     */
+    size?: 'default' | '__unstable-large';
     /**
      * An object representing a border or `undefined`. Used to set the
      * current border configuration for this component.
@@ -113,14 +90,8 @@ export declare type BorderControlProps = ColorProps & LabelProps & {
      * `RangeControl` for additional control over a border's width.
      */
     withSlider?: boolean;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
-export declare type DropdownProps = ColorProps & {
+export declare type DropdownProps = ColorProps & Pick<BorderControlProps, 'enableStyle' | 'size'> & {
     /**
      * An object representing a border or `undefined`. This component will
      * extract the border color and style selections from this object to use as
@@ -131,12 +102,6 @@ export declare type DropdownProps = ColorProps & {
      * An internal prop used to control the visibility of the dropdown.
      */
     __unstablePopoverProps?: Omit<PopoverProps, 'children'>;
-    /**
-     * This controls whether to render border style options.
-     *
-     * @default true
-     */
-    enableStyle?: boolean;
     /**
      * A callback invoked when the border color or style selections change.
      */
@@ -153,12 +118,6 @@ export declare type DropdownProps = ColorProps & {
      * close button.
      */
     showDropdownHeader?: boolean;
-    /**
-     * Size of the control.
-     *
-     * @default 'default'
-     */
-    size?: 'default' | '__unstable-large';
 };
 export declare type StylePickerProps = LabelProps & {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-control/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/border-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,oBAAY,MAAM,GAAG;IACpB,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;IACvC,KAAK,CAAC,EAAE,aAAa,CAAE,aAAa,CAAE,CAAC;CACvC,CAAC;AAEF,oBAAY,UAAU,GAAG,IAAI,CAC5B,iBAAiB,EACf,QAAQ,GACR,aAAa,GACb,kCAAkC,GAClC,mCAAmC,CACrC,GAAG;IACH;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,oBAAY,UAAU,GAAG;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,kBAAkB,GAAG,UAAU,GAC1C,UAAU,GAAG;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,CAAC;IAC1D;;;;;;OAMG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACtC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,OAAO,CAAE,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEH,oBAAY,aAAa,GAAG,UAAU,GACrC,IAAI,CAAE,kBAAkB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACpD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,sBAAsB,CAAC,EAAE,IAAI,CAAE,YAAY,EAAE,UAAU,CAAE,CAAC;IAC1D;;OAEG;IACH,QAAQ,EAAE,CAAE,SAAS,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACzC;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEH,oBAAY,gBAAgB,GAAG,UAAU,GAAG;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { ColorPaletteProps, CustomColorPickerDropdownProps } from './types';
+import type { ColorObject, ColorPaletteProps, 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?: ColorPaletteProps['__experimentalHasMultipleOrigins']) => string;
 export declare const showTransparentBackground: (currentValue?: string | undefined) => boolean;
@@ -27,7 +27,21 @@ export declare const showTransparentBackground: (currentValue?: string | undefin
  * } );
  * ```
  */
-export declare const ColorPalette: import("react").ForwardRefExoticComponent<ColorPaletteProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof ColorPaletteProps> & {
+export declare const ColorPalette: import("react").ForwardRefExoticComponent<Pick<{
+    className?: string | undefined;
+    clearColor: () => void;
+    onChange: (newColor?: string | undefined) => void;
+    value?: string | undefined;
+    actions?: import("react").ReactNode;
+}, "onChange"> & {
+    clearable?: boolean | undefined;
+    colors?: (ColorObject | PaletteObject)[] | undefined;
+    disableCustomColors?: boolean | undefined;
+    enableAlpha?: boolean | undefined;
+    value?: string | undefined;
+    __experimentalHasMultipleOrigins?: boolean | undefined;
+    __experimentalIsRenderedInSidebar?: boolean | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "onChange" | "value" | "as" | "colors" | "enableAlpha" | "__experimentalHasMultipleOrigins" | "__experimentalIsRenderedInSidebar" | "clearable" | "disableCustomColors"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>>;
 export default ColorPalette;

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,EAEX,iBAAiB,EACjB,8BAA8B,EAI9B,MAAM,SAAS,CAAC;AAqGjB,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,iBAAiB,CAAE,kCAAkC,CAAE,WA8B7E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gDAKrC,CAAC;AAwJF;;;;;;;;;;;;;;;;;;;;;;;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,EACX,iBAAiB,EACjB,8BAA8B,EAE9B,aAAa,EAEb,MAAM,SAAS,CAAC;AAqGjB,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,iBAAiB,CAAE,kCAAkC,CAAE,WA8B7E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gDAKrC,CAAC;AAwJF;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;uCAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}