@wordpress/components 25.15.0 → 25.16.0

package/build-style/style-rtl.css

@@ -96,7 +96,7 @@
   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -506,7 +506,8 @@ p + .components-button.is-tertiary {
   vertical-align: top;
   width: 24px;
   height: 24px;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   transition: 0.1s border-color ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2607,7 +2608,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: inline-flex;
   margin: 0 0 0 6px;
   padding: 0;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   cursor: pointer;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2797,7 +2799,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 /* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy.
 See https://bugs.webkit.org/show_bug.cgi?id=187903. */
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) {
     .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,

package/build-style/style.css

@@ -96,7 +96,7 @@
   --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
   --wp-admin-border-width-focus: 2px;
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   :root {
     --wp-admin-border-width-focus: 1.5px;
   }
@@ -506,7 +506,8 @@ p + .components-button.is-tertiary {
   vertical-align: top;
   width: 24px;
   height: 24px;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   transition: 0.1s border-color ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2616,7 +2617,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: inline-flex;
   margin: 0 6px 0 0;
   padding: 0;
-  appearance: none;
+  -webkit-appearance: none;
+          appearance: none;
   cursor: pointer;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2806,7 +2808,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 /* This CSS is shown only to Safari, which has a bug with table-caption making it jumpy.
 See https://bugs.webkit.org/show_bug.cgi?id=187903. */
-@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
+@media not all and (min-resolution: 0.001dpcm) {
   @supports (-webkit-appearance: none) {
     .components-resizable-box__side-handle.components-resizable-box__handle-top:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:hover::before,

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

@@ -56,6 +56,7 @@ export declare const BorderBoxControl: import("../../context").WordPressComponen
     popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
     value: import("../types").AnyBorder;
+    __next40pxDefaultSize?: boolean | undefined;
 } & import("react").RefAttributes<any>, false>;
 export default BorderBoxControl;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EACX,UAAU,EACV,kBAAkB,EAClB,MAAM,4BAA4B,CAAC;AA6HpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,gBAAgB;;;;;;;8CAG5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/component.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EACX,UAAU,EACV,kBAAkB,EAClB,MAAM,4BAA4B,CAAC;AA4HpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;8CAG5B,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,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;;;;;;;;;iCA+BzB,MAAM;+BAuC/B,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CjB"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/border-box-control/hook.ts"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,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;;;;;;;;;iCAmCzB,MAAM;+BAuC/B,MAAM,GAAG,SAAS,QACvB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CjB"}

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

@@ -229,8 +229,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    disabled?: boolean | undefined;
-    autoFocus?: boolean | undefined;
+    value?: string | number | readonly string[] | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -264,12 +263,13 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     unselectable?: "on" | "off" | undefined;
     inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
+    autoFocus?: boolean | undefined;
+    disabled?: boolean | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
     formTarget?: string | undefined;
-    value?: string | number | readonly string[] | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

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

@@ -13,5 +13,6 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
     value: import("../types").AnyBorder;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../../border-control/types").LabelProps | "popoverPlacement" | "popoverOffset">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../../border-control/types").LabelProps | "popoverPlacement" | "popoverOffset">>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAYtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,gBAAgB,CAWxC,CAAC;AACF,eAAe,IAAI,CAAC;AAoDpB,eAAO,MAAM,OAAO;;;;;;;2fAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-box-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAYtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,gBAAgB,CAWxC,CAAC;AACF,eAAe,IAAI,CAAC;AAoDpB,eAAO,MAAM,OAAO;;;;;;;;qhBAAsB,CAAC"}

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

@@ -35,6 +35,12 @@ export type BorderBoxControlProps = ColorProps & LabelProps & Pick<BorderControl
      * properties but for each side; `top`, `right`, `bottom`, and `left`.
      */
     value: AnyBorder;
+    /**
+     * Start opting into the larger default height that will become the default size in a future version.
+     *
+     * @default false
+     */
+    __next40pxDefaultSize?: boolean;
 };
 export type LinkedButtonProps = Pick<BorderBoxControlProps, 'size'> & {
     /**

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,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,MAAM,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,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,MAAM,MAAM,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,MAAM,MAAM,eAAe,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,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"}
+{"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,MAAM,MAAM,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,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AACrD,MAAM,MAAM,UAAU,GAAG,MAAM,MAAM,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,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;IACjB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEH,MAAM,MAAM,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,MAAM,MAAM,eAAe,GAAG,IAAI,CAAE,qBAAqB,EAAE,MAAM,CAAE,GAAG;IACrE;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,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

@@ -48,6 +48,7 @@ export declare const BorderControl: import("../../context").WordPressComponent<"
     value?: import("../types").Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
+    __next40pxDefaultSize?: boolean | 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":";AAmBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;AAsG/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":";AAmBA,OAAO,KAAK,EAAsB,UAAU,EAAE,MAAM,UAAU,CAAC;AA0G/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;8CAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -8,6 +8,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     enableStyle: boolean;
     innerWrapperClassName: string;
     inputWidth: import("csstype").Property.Width<string | number> | undefined;
+    isStyleSettable: boolean;
     onBorderChange: (newBorder?: Border) => void;
     onSliderChange: (value?: number) => void;
     onWidthChange: (newWidth?: string) => void;
@@ -18,6 +19,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     widthValue: number | undefined;
     size: "default" | "__unstable-large";
     __experimentalIsRenderedInSidebar: boolean;
+    __next40pxDefaultSize: boolean | undefined;
     disableCustomColors?: boolean | undefined;
     hideLabelFromVision?: boolean | undefined;
     label?: string | 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,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;iCA2B5C,MAAM;6BAwDV,MAAM;+BA7CH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FpB"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAU3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;iCAmC5C,MAAM;6BAwDV,MAAM;+BA7CH,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FpB"}

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

@@ -3,6 +3,7 @@ declare const ConnectedBorderControlDropdown: import("../../context").WordPressC
     disableCustomColors?: boolean | undefined;
 } & Pick<import("../types").BorderControlProps, "size" | "enableStyle"> & {
     border?: import("../types").Border | undefined;
+    isStyleSettable: boolean;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     onChange: (newBorder?: import("../types").Border | undefined) => void;
     previousStyleSelection?: string | undefined;

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":";AAmQA,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":";AAoQA,QAAA,MAAM,8BAA8B;;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

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

@@ -18,6 +18,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     size: "default" | "__unstable-large";
     __experimentalIsRenderedInSidebar: boolean;
     disableCustomColors?: boolean | undefined;
+    isStyleSettable: boolean;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;
     showDropdownHeader?: boolean | undefined;
     id?: 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,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;4BAkBtB,MAAM;4BAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDtC"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;4BAkBtB,MAAM;4BAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDtC"}

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import type { LabelProps } from '../types';
-declare const ConnectedBorderControlStylePicker: import("../../context").WordPressComponent<"div", LabelProps & {
+declare const BorderControlStylePicker: import("../../context").WordPressComponent<import("react").ElementType<any> | null, Omit<import("../../toggle-group-control/types").ToggleGroupControlProps, "children" | "onChange" | "value"> & {
     onChange: (style?: string | undefined) => void;
     value?: string | undefined;
-} & import("react").RefAttributes<any>, true>;
-export default ConnectedBorderControlStylePicker;
+} & import("react").RefAttributes<any>, boolean>;
+export default BorderControlStylePicker;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-style-picker/component.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,UAAU,EAAoB,MAAM,UAAU,CAAC;AAkE7D,QAAA,MAAM,iCAAiC;;;6CAGtC,CAAC;AAEF,eAAe,iCAAiC,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-style-picker/component.tsx"],"names":[],"mappings":";AAiDA,QAAA,MAAM,wBAAwB;;;gDAG7B,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

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

@@ -24,7 +24,8 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Render a slider beside the control.
  */
@@ -42,7 +43,8 @@ export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<imp
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
  */
@@ -60,7 +62,8 @@ export declare const WithSliderCustomWidth: import("@storybook/types").Annotated
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Restrict the width of the control and prevent it from expanding to take up additional space.
  * When `true`, the `width` prop will be ignored.
@@ -79,7 +82,8 @@ export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<impo
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * The `colors` object can contain multiple origins.
  */
@@ -97,7 +101,8 @@ export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedSt
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 /**
  * Allow the alpha channel to be edited on each color.
  */
@@ -115,5 +120,6 @@ export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStory
     value?: Border | undefined;
     width?: import("csstype").Property.Width<string | number> | undefined;
     withSlider?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "as" | "value" | keyof import("react").RefAttributes<any> | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
+    __next40pxDefaultSize?: boolean | undefined;
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "width" | "onChange" | "size" | "value" | "as" | keyof import("react").RefAttributes<any> | "__next40pxDefaultSize" | "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar" | "disableCustomColors" | "enableStyle" | keyof import("../types").LabelProps | "disableUnits" | "isCompact" | "__unstablePopoverProps" | "shouldSanitizeBorder" | "showDropdownHeader" | "withSlider">>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAcrC,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;qkBAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;qkBAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;qkBAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;qkBAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;qkBAAsB,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;qkBAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,aAAa,CAcrC,CAAC;AACF,eAAe,IAAI,CAAC;AA2DpB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;+lBAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;+lBAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;+lBAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;+lBAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;+lBAAsB,CAAC;AAMvD;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;+lBAAsB,CAAC"}

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

@@ -10,7 +10,5 @@ export declare const borderControlPopoverControls: import("@emotion/utils").Seri
 export declare const borderControlPopoverContent: import("@emotion/utils").SerializedStyles;
 export declare const borderColorIndicator: import("@emotion/utils").SerializedStyles;
 export declare const resetButton: import("@emotion/utils").SerializedStyles;
-export declare const borderControlStylePicker: import("@emotion/utils").SerializedStyles;
-export declare const borderStyleButton: import("@emotion/utils").SerializedStyles;
 export declare const borderSlider: () => import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,UAAY,SAAS,GAAG,kBAAkB,8CAInE,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAuBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAc,MAAM,8CAUpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACxB,MAAM,SACR,SAAS,GAAG,kBAAkB,8CA8BrC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAGxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,UAAY,SAAS,GAAG,kBAAkB,8CAInE,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAuBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAc,MAAM,8CAUpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACxB,MAAM,SACR,SAAS,GAAG,kBAAkB,8CA8BrC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAGxB,CAAC"}

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

@@ -7,6 +7,7 @@ import type { CSSProperties } from 'react';
  */
 import type { ColorPaletteProps } from '../color-palette/types';
 import type { PopoverProps } from '../popover/types';
+import type { ToggleGroupControlProps } from '../toggle-group-control/types';
 export type Border = {
     color?: CSSProperties['borderColor'];
     style?: CSSProperties['borderStyle'];
@@ -90,6 +91,12 @@ export type BorderControlProps = ColorProps & LabelProps & {
      * `RangeControl` for additional control over a border's width.
      */
     withSlider?: boolean;
+    /**
+     * Start opting into the larger default height that will become the default size in a future version.
+     *
+     * @default false
+     */
+    __next40pxDefaultSize?: boolean;
 };
 export type DropdownProps = ColorProps & Pick<BorderControlProps, 'enableStyle' | 'size'> & {
     /**
@@ -98,6 +105,10 @@ export type DropdownProps = ColorProps & Pick<BorderControlProps, 'enableStyle'
      * values for its popover controls.
      */
     border?: Border;
+    /**
+     * Whether a border style can be set, based on the border sanitization settings.
+     */
+    isStyleSettable: boolean;
     /**
      * An internal prop used to control the visibility of the dropdown.
      */
@@ -119,7 +130,7 @@ export type DropdownProps = ColorProps & Pick<BorderControlProps, 'enableStyle'
      */
     showDropdownHeader?: boolean;
 };
-export type StylePickerProps = LabelProps & {
+export type StylePickerProps = Omit<ToggleGroupControlProps, 'value' | 'onChange' | 'children'> & {
     /**
      * A callback function invoked when a border style is selected or cleared.
      */

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":"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,MAAM,MAAM,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,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,iBAAiB,EACjB,QAAQ,GAAG,aAAa,GAAG,mCAAmC,CAC9D,GAAG;IACH;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,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,MAAM,MAAM,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,MAAM,MAAM,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"}
+{"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;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE7E,MAAM,MAAM,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,MAAM,MAAM,UAAU,GAAG,IAAI,CAC5B,iBAAiB,EACjB,QAAQ,GAAG,aAAa,GAAG,mCAAmC,CAC9D,GAAG;IACH;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,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;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,UAAU,GACrC,IAAI,CAAE,kBAAkB,EAAE,aAAa,GAAG,MAAM,CAAE,GAAG;IACpD;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;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,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,uBAAuB,EACvB,OAAO,GAAG,UAAU,GAAG,UAAU,CACjC,GAAG;IACH;;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/box-control/all-input-control.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
-export default function AllInputControl({ onChange, onFocus, onHoverOn, onHoverOff, values, sides, selectedUnits, setSelectedUnits, ...props }: BoxControlInputControlProps): JSX.Element;
+export default function AllInputControl({ __next40pxDefaultSize, onChange, onFocus, values, sides, selectedUnits, setSelectedUnits, ...props }: BoxControlInputControlProps): JSX.Element;
 //# sourceMappingURL=all-input-control.d.ts.map

package/build-types/box-control/all-input-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"all-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/all-input-control.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAY3D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,QAAe,EACf,OAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,MAAM,EACN,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,2BAA2B,eA2D7B"}
+{"version":3,"file":"all-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/all-input-control.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAa3D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,GAAG,KAAK,EACR,EAAE,2BAA2B,eAyE7B"}

package/build-types/box-control/axial-input-controls.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
-export default function AxialInputControls({ onChange, onFocus, onHoverOn, onHoverOff, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): JSX.Element;
+export default function AxialInputControls({ __next40pxDefaultSize, onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): JSX.Element;
 //# sourceMappingURL=axial-input-controls.d.ts.map

package/build-types/box-control/axial-input-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"axial-input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/axial-input-controls.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,QAAQ,EACR,OAAO,EACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,eAkI7B"}
+{"version":3,"file":"axial-input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/axial-input-controls.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAK3D,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAC3C,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,eAoI7B"}

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

@@ -25,7 +25,7 @@ import type { BoxControlProps } from './types';
  * };
  * ```
  */
-declare function BoxControl({ id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, onMouseOver, onMouseOut, }: BoxControlProps): JSX.Element;
+declare function BoxControl({ __next40pxDefaultSize, id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, onMouseOver, onMouseOut, }: BoxControlProps): JSX.Element;
 export { applyValueToSides } from './utils';
 export default BoxControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,UAAU,CAAE,EACpB,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,WAAW,EACX,UAAU,GACV,EAAE,eAAe,eA0HjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAcjB;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,WAAW,EACX,UAAU,GACV,EAAE,eAAe,eAmHjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}

package/build-types/box-control/input-controls.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { BoxControlInputControlProps } from './types';
-export default function BoxInputControls({ onChange, onFocus, onHoverOn, onHoverOff, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): JSX.Element;
+export default function BoxInputControls({ __next40pxDefaultSize, onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, ...props }: BoxControlInputControlProps): JSX.Element;
 //# sourceMappingURL=input-controls.d.ts.map

package/build-types/box-control/input-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/input-controls.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AAK5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,QAAe,EACf,OAAc,EACd,SAAgB,EAChB,UAAiB,EACjB,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,eA+G7B"}
+{"version":3,"file":"input-controls.d.ts","sourceRoot":"","sources":["../../src/box-control/input-controls.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AAI5E,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,EACzC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,2BAA2B,eAuI7B"}