@wordpress/components 28.8.1-next.5368f64a9.0 → 28.8.2

package/build-style/style-rtl.css

@@ -1356,6 +1356,7 @@ body.is-dragging-components-draggable {
   border-radius: 50%;
   transition: 0.2s transform ease, 0.2s background-color ease-out;
   background-color: #1e1e1e;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
   border: 6px solid transparent;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -1872,27 +1873,55 @@ body.is-dragging-components-draggable {
   background-color: rgba(0, 0, 0, 0.35);
   z-index: 100000;
   display: flex;
-  animation: edit-post__fade-in-animation 0.08s linear 0s;
+  animation: __wp-base-styles-fade-in 0.08s linear 0s;
   animation-fill-mode: forwards;
 }
+@keyframes __wp-base-styles-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 @media (prefers-reduced-motion: reduce) {
   .components-modal__screen-overlay {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
 }
+.components-modal__screen-overlay.is-animating-out {
+  animation: __wp-base-styles-fade-out 0.08s linear 80ms;
+  animation-fill-mode: forwards;
+}
+@keyframes __wp-base-styles-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .components-modal__screen-overlay.is-animating-out {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 
 .components-modal__frame {
   box-sizing: border-box;
   margin: 40px 0 0 0;
   width: 100%;
   background: #fff;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), -0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
   border-radius: 8px 8px 0 0;
   overflow: hidden;
   display: flex;
-  animation: components-modal__appear-animation 0.26s cubic-bezier(0.29, 0, 0, 1);
+  animation-name: components-modal__appear-animation;
+  animation-duration: var(--modal-frame-animation-duration);
   animation-fill-mode: forwards;
+  animation-timing-function: cubic-bezier(0.29, 0, 0, 1);
 }
 .components-modal__frame *,
 .components-modal__frame *::before,
@@ -1905,6 +1934,10 @@ body.is-dragging-components-draggable {
     animation-delay: 0s;
   }
 }
+.components-modal__screen-overlay.is-animating-out .components-modal__frame {
+  animation-name: components-modal__disappear-animation;
+  animation-timing-function: cubic-bezier(1, 0, 0.2, 1);
+}
 @media (min-width: 600px) {
   .components-modal__frame {
     border-radius: 8px;
@@ -1965,6 +1998,16 @@ body.is-dragging-components-draggable {
     transform: scale(1);
   }
 }
+@keyframes components-modal__disappear-animation {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}
 .components-modal__header {
   box-sizing: border-box;
   border-bottom: 1px solid transparent;
@@ -2502,13 +2545,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 .components-popover__content {
   background: #fff;
-  box-shadow: 0 0 0 1px #ccc, 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
   border-radius: 4px;
   box-sizing: border-box;
   width: min-content;
 }
 .is-alternate .components-popover__content {
   box-shadow: 0 0 0 1px #1e1e1e;
+  border-radius: 2px;
 }
 .is-unstyled .components-popover__content {
   background: none;
@@ -2768,7 +2812,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   position: absolute;
   top: calc(50% - 8px);
   left: calc(50% - 8px);
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
   outline: 2px solid transparent;
 }
 
@@ -2954,7 +2998,7 @@ body.lockscroll {
   -webkit-backdrop-filter: blur(16px) saturate(180%);
           backdrop-filter: blur(16px) saturate(180%);
   border-radius: 4px;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
   color: #fff;
   padding: 12px 20px;
   width: 100%;
@@ -3482,6 +3526,7 @@ div.components-toolbar > div + div.has-left-divider::before {
   font-size: 12px;
   padding: 4px 8px;
   z-index: 1000002;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 }
 
 .components-tooltip__shortcut {

package/build-style/style.css

@@ -1361,6 +1361,7 @@ body.is-dragging-components-draggable {
   border-radius: 50%;
   transition: 0.2s transform ease, 0.2s background-color ease-out;
   background-color: #1e1e1e;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
   border: 6px solid transparent;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -1877,27 +1878,55 @@ body.is-dragging-components-draggable {
   background-color: rgba(0, 0, 0, 0.35);
   z-index: 100000;
   display: flex;
-  animation: edit-post__fade-in-animation 0.08s linear 0s;
+  animation: __wp-base-styles-fade-in 0.08s linear 0s;
   animation-fill-mode: forwards;
 }
+@keyframes __wp-base-styles-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 @media (prefers-reduced-motion: reduce) {
   .components-modal__screen-overlay {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
 }
+.components-modal__screen-overlay.is-animating-out {
+  animation: __wp-base-styles-fade-out 0.08s linear 80ms;
+  animation-fill-mode: forwards;
+}
+@keyframes __wp-base-styles-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .components-modal__screen-overlay.is-animating-out {
+    animation-duration: 1ms;
+    animation-delay: 0s;
+  }
+}
 
 .components-modal__frame {
   box-sizing: border-box;
   margin: 40px 0 0 0;
   width: 100%;
   background: #fff;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.15), 0 2.7px 3.8px -0.2px rgba(0, 0, 0, 0.15), 0 5.5px 7.8px -0.3px rgba(0, 0, 0, 0.15), 0.1px 11.5px 16.4px -0.5px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
   border-radius: 8px 8px 0 0;
   overflow: hidden;
   display: flex;
-  animation: components-modal__appear-animation 0.26s cubic-bezier(0.29, 0, 0, 1);
+  animation-name: components-modal__appear-animation;
+  animation-duration: var(--modal-frame-animation-duration);
   animation-fill-mode: forwards;
+  animation-timing-function: cubic-bezier(0.29, 0, 0, 1);
 }
 .components-modal__frame *,
 .components-modal__frame *::before,
@@ -1910,6 +1939,10 @@ body.is-dragging-components-draggable {
     animation-delay: 0s;
   }
 }
+.components-modal__screen-overlay.is-animating-out .components-modal__frame {
+  animation-name: components-modal__disappear-animation;
+  animation-timing-function: cubic-bezier(1, 0, 0.2, 1);
+}
 @media (min-width: 600px) {
   .components-modal__frame {
     border-radius: 8px;
@@ -1970,6 +2003,16 @@ body.is-dragging-components-draggable {
     transform: scale(1);
   }
 }
+@keyframes components-modal__disappear-animation {
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: scale(0.9);
+  }
+}
 .components-modal__header {
   box-sizing: border-box;
   border-bottom: 1px solid transparent;
@@ -2509,13 +2552,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 .components-popover__content {
   background: #fff;
-  box-shadow: 0 0 0 1px #ccc, 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 0 1px #ccc, 0 2px 3px rgba(0, 0, 0, 0.05), 0 4px 5px rgba(0, 0, 0, 0.04), 0 12px 12px rgba(0, 0, 0, 0.03), 0 16px 16px rgba(0, 0, 0, 0.02);
   border-radius: 4px;
   box-sizing: border-box;
   width: min-content;
 }
 .is-alternate .components-popover__content {
   box-shadow: 0 0 0 1px #1e1e1e;
+  border-radius: 2px;
 }
 .is-unstyled .components-popover__content {
   background: none;
@@ -2777,7 +2821,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   position: absolute;
   top: calc(50% - 8px);
   right: calc(50% - 8px);
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)), 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
   outline: 2px solid transparent;
 }
 
@@ -2966,7 +3010,7 @@ body.lockscroll {
   -webkit-backdrop-filter: blur(16px) saturate(180%);
           backdrop-filter: blur(16px) saturate(180%);
   border-radius: 4px;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
   color: #fff;
   padding: 12px 20px;
   width: 100%;
@@ -3494,6 +3538,7 @@ div.components-toolbar > div + div.has-left-divider::before {
   font-size: 12px;
   padding: 4px 8px;
   z-index: 1000002;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
 }
 
 .components-tooltip__shortcut {

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":"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,+BAyE7B"}
+{"version":3,"file":"all-input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/all-input-control.tsx"],"names":[],"mappings":"AAYA,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,+BAyE7B"}

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

@@ -51,7 +51,7 @@ export declare function isValuesMixed(values?: BoxControlValue, selectedUnits?:
  *
  * @return  Whether values are mixed.
  */
-export declare function isValuesDefined(values?: BoxControlValue): boolean;
+export declare function isValuesDefined(values?: BoxControlValue): boolean | undefined;
 /**
  * Get initial selected side, factoring in whether the sides are linked,
  * and whether the vertical / horizontal directions are grouped via splitOnAxis.

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/box-control/utils.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,EAAE,gBA6BnC,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,6CAAgD,CAAC;AAmBvE;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,MAAM,GAAE,eAAoB,EAC5B,aAAa,CAAC,EAAE,eAAe,EAC/B,cAAc,GAAE,eAAe,CAAE,OAAO,CAAc,UAuCtD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAE,aAAa,CAAC,EAAE,eAAe,sBAQlE;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC5B,MAAM,GAAE,eAAoB,EAC5B,aAAa,CAAC,EAAE,eAAe,EAC/B,KAAK,GAAE,eAAe,CAAE,OAAO,CAAc,WAM7C;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAE,MAAM,CAAC,EAAE,eAAe,WAUxD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,8BAQtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,eAAe,CAAE,OAAO,CAAE,2EAiBhE;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAChC,aAAa,EAAE,eAAe,EAC9B,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,GAChC,eAAe,CAoBjB"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/box-control/utils.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,EAAE,gBA6BnC,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,eAAO,MAAM,SAAS,6CAAgD,CAAC;AAmBvE;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAC1B,MAAM,GAAE,eAAoB,EAC5B,aAAa,CAAC,EAAE,eAAe,EAC/B,cAAc,GAAE,eAAe,CAAE,OAAO,CAAc,UAuCtD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAE,aAAa,CAAC,EAAE,eAAe,sBAQlE;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAC5B,MAAM,GAAE,eAAoB,EAC5B,aAAa,CAAC,EAAE,eAAe,EAC/B,KAAK,GAAE,eAAe,CAAE,OAAO,CAAc,WAM7C;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAE,MAAM,CAAC,EAAE,eAAe,uBAUxD;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,8BAQtE;AAED;;;;;;;;GAQG;AACH,wBAAgB,cAAc,CAAE,KAAK,EAAE,eAAe,CAAE,OAAO,CAAE,2EAiBhE;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAChC,aAAa,EAAE,eAAe,EAC9B,QAAQ,CAAC,EAAE,MAAM,EACjB,KAAK,CAAC,EAAE,eAAe,CAAE,OAAO,CAAE,GAChC,eAAe,CAoBjB"}

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

@@ -1,12 +1,12 @@
 /**
  * External dependencies
  */
-import type { Meta, StoryFn } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 /**
  * Internal dependencies
  */
 import ButtonGroup from '..';
 declare const meta: Meta<typeof ButtonGroup>;
 export default meta;
-export declare const Default: StoryFn<typeof ButtonGroup>;
+export declare const Default: StoryObj<typeof ButtonGroup>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button-group/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAUnC,CAAC;AACF,eAAe,IAAI,CAAC;AAgBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CAAwB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button-group/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAUnC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAE,OAAO,WAAW,CASjD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,+BA4RpD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,+BA8RpD;AAED,eAAe,eAAe,CAAC"}

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

@@ -24,6 +24,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     onFilterValueChange?: (value: string) => void;
     options: import("../types").ComboboxControlOption[];
     value?: string | null;
+    placeholder?: string;
 }>;
 /**
  * The rendered output of each suggestion can be customized by passing a
@@ -45,6 +46,7 @@ export declare const WithCustomRenderItem: import("@storybook/types").AnnotatedS
     onFilterValueChange?: (value: string) => void;
     options: import("../types").ComboboxControlOption[];
     value?: string | null;
+    placeholder?: string;
 }>;
 /**
  * You can disable options in the list
@@ -66,6 +68,7 @@ export declare const WithDisabledOptions: import("@storybook/types").AnnotatedSt
     onFilterValueChange?: (value: string) => void;
     options: import("../types").ComboboxControlOption[];
     value?: string | null;
+    placeholder?: string;
 }>;
 /**
  * By default, the combobox expands when focused.
@@ -87,5 +90,6 @@ export declare const NotExpandOnFocus: import("@storybook/types").AnnotatedStory
     onFilterValueChange?: (value: string) => void;
     options: import("../types").ComboboxControlOption[];
     value?: string | null;
+    placeholder?: string;
 }>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/combobox-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AACjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAqBrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAWvC,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO;;;UAjDE,MAAO,SAC3B;;;;;;;;;;;;EAgDwC,CAAC;AAQ3C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;gBA9DJ,SAC3B;;;;;;;;;;;;EA6DqD,CAAC;AAqCxD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;gBAxGH,SAC3B;;;;;;;;;;;;EAuGoD,CAAC;AAWvD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;gBAxHA,SAC3B;;;;;;;;;;;;EAuHiD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/combobox-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AACjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAqBrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAWvC,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO;;;UAjDE,MAAO,SAC3B;;;;;;;;;;;;;EAgDwC,CAAC;AAQ3C;;;;GAIG;AACH,eAAO,MAAM,oBAAoB;;;gBA9DJ,SAC3B;;;;;;;;;;;;;EA6DqD,CAAC;AAqCxD;;;;GAIG;AACH,eAAO,MAAM,mBAAmB;;;gBAxGH,SAC3B;;;;;;;;;;;;;EAuGoD,CAAC;AAWvD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;;gBAxHA,SAC3B;;;;;;;;;;;;;EAuHiD,CAAC"}

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

@@ -73,5 +73,9 @@ export type ComboboxControlProps = Pick<BaseControlProps, '__nextHasNoMarginBott
      * The current value of the control.
      */
     value?: string | null;
+    /**
+     * If passed, the combobox input will show a placeholder string if no values are present.
+     */
+    placeholder?: string;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/combobox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,qBAAqB,GAAG;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EACd,yBAAyB,GACzB,WAAW,GACX,OAAO,GACP,qBAAqB,GACrB,MAAM,CACR,GAAG;IACH;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,CAAE,IAAI,EAAE;QAClC,IAAI,EAAE,qBAAqB,CAAC;KAC5B,KAAM,KAAK,CAAC,SAAS,CAAC;IACvB;;;;;;OAMG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACV;;;;WAIG;QACH,QAAQ,EAAE,MAAM,CAAC;KACjB,CAAC;IACF;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,oBAAoB,CAAE,OAAO,CAAE,KAAM,IAAI,CAAC;IAC9D;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAChD;;OAEG;IACH,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/build-types/custom-select-control-v2/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAU1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+DtD,eAAO,MAAM,MAAM;;;;;;;UAQX,WAAW,CAAE,sBAAsB,CAAE,MAAM,CAAE,CAAE;yBAChC,OAAO;UAoB7B,CAAC;AAUF,eAAO,MAAM,aAAa;;;;;;UAgCzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;UAIf,WAAW,CAAE,sBAAsB,CAAE,MAAM,CAAE,CAAE;UAuBtD,CAAC;AAQF,eAAO,MAAM,+BAA+B;;SAzKd,MAAO,WAAW;yGA2K/C,CAAC;AAEF,eAAO,MAAM,4BAA4B;;eA7KJ,WAAW;2GAgL/C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;eAlLK,WAAW;yGAyL/C,CAAC;AAEF,eAAO,MAAM,gBAAgB;;eA3LQ,WAAW;2GAiM/C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;UAmB7B,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAU1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AA+DtD,eAAO,MAAM,MAAM;;;;;;;UAQX,WAAW,CAAE,sBAAsB,CAAE,MAAM,CAAE,CAAE;yBAChC,OAAO;UAoB7B,CAAC;AAUF,eAAO,MAAM,aAAa;;;;;;UAiCzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;UAIf,WAAW,CAAE,sBAAsB,CAAE,MAAM,CAAE,CAAE;UAuBtD,CAAC;AAQF,eAAO,MAAM,+BAA+B;;SA1Kd,MAAO,WAAW;yGA4K/C,CAAC;AAEF,eAAO,MAAM,4BAA4B;;eA9KJ,WAAW;2GAiL/C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;eAnLK,WAAW;yGA0L/C,CAAC;AAEF,eAAO,MAAM,gBAAgB;;eA5LQ,WAAW;2GAkM/C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;UAmB7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA4U1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modal/index.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA2V1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,KAAK,uGAAiC,CAAC;AAEpD,eAAe,KAAK,CAAC"}

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

@@ -1,7 +1,3 @@
-/**
- * External dependencies
- */
-import type { AriaRole, CSSProperties, ReactNode, KeyboardEventHandler, KeyboardEvent, SyntheticEvent } from 'react';
 /**
  * WordPress dependencies
  */
@@ -33,7 +29,7 @@ export type ModalProps = {
     /**
      * The children elements.
      */
-    children: ReactNode;
+    children: React.ReactNode;
     /**
      * If this property is added, it will an additional class name to the modal
      * content `div`.
@@ -66,7 +62,7 @@ export type ModalProps = {
      *
      * @default null
      */
-    headerActions?: ReactNode;
+    headerActions?: React.ReactNode;
     /**
      * If this property is added, an icon will be added before the title.
      */
@@ -96,11 +92,11 @@ export type ModalProps = {
     /**
      *  Handle the key down on the modal frame `div`.
      */
-    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
     /**
      * This function is called to indicate that the modal should be closed.
      */
-    onRequestClose: (event?: KeyboardEvent<HTMLDivElement> | SyntheticEvent) => void;
+    onRequestClose: (event?: React.KeyboardEvent<HTMLDivElement> | React.SyntheticEvent) => void;
     /**
      * If this property is added, it will an additional class name to the modal
      * overlay `div`.
@@ -112,7 +108,7 @@ export type ModalProps = {
      *
      * @default 'dialog'
      */
-    role?: AriaRole;
+    role?: React.AriaRole;
     /**
      * If this property is added, it will determine whether the modal requests
      * to close when a mouse click occurs outside of the modal content.
@@ -130,7 +126,7 @@ export type ModalProps = {
     /**
      * If this property is added, it will be added to the modal frame `div`.
      */
-    style?: CSSProperties;
+    style?: React.CSSProperties;
     /**
      * This property is used as the modal header's title.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,oBAAoB,EACpB,aAAa,EACb,cAAc,EACd,MAAM,OAAO,CAAC;AAEf;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE;QACN;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;;;;;;WAQG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EACV,UAAU,CAAE,OAAO,eAAe,CAAE,CAAE,CAAC,CAAE,GACzC,qBAAqB,CAAC;IACzB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAE,cAAc,CAAE,CAAC;IACnD;;OAEG;IACH,cAAc,EAAE,CACf,KAAK,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,GAAG,cAAc,KACpD,IAAI,CAAC;IACV;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/modal/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,UAAU,GAAG;IACxB,IAAI,CAAC,EAAE;QACN;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;;;;;;WAQG;QACH,UAAU,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,YAAY,CAAC,EACV,UAAU,CAAE,OAAO,eAAe,CAAE,CAAE,CAAC,CAAE,GACzC,qBAAqB,CAAC;IACzB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEhC;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAE,cAAc,CAAE,CAAC;IACzD;;OAEG;IACH,cAAc,EAAE,CACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAE,cAAc,CAAE,GAAG,KAAK,CAAC,cAAc,KAChE,IAAI,CAAC;IACV;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC;IACtB;;;;;OAKG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC"}

package/build-types/modal/use-modal-exit-animation.d.ts

@@ -0,0 +1,9 @@
+export declare function useModalExitAnimation(): {
+    overlayClassname: string | undefined;
+    frameRef: import("react").MutableRefObject<HTMLDivElement | undefined>;
+    frameStyle: {
+        '--modal-frame-animation-duration': string;
+    };
+    closeModal: () => Promise<void>;
+};
+//# sourceMappingURL=use-modal-exit-animation.d.ts.map

package/build-types/modal/use-modal-exit-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-modal-exit-animation.d.ts","sourceRoot":"","sources":["../../src/modal/use-modal-exit-animation.ts"],"names":[],"mappings":"AAoBA,wBAAgB,qBAAqB;;;;;;;EA8EpC"}

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

@@ -1 +1 @@
-{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACX,cAAc,EAEd,UAAU,EACV,YAAY,EACZ,UAAU,EAEV,iBAAiB,EACjB,MAAM,UAAU,CAAC;AAalB,KAAK,SAAS,GAAG,IAAI,CAAE,iBAAiB,EAAE,uBAAuB,CAAE,CAAC;AACpE,eAAO,MAAM,IAAI;;SATK,MAAO,WAAW;qHAqBvC,CAAC;AAYF,eAAO,MAAM,OAAO;;eAjCS,WAAW;;;;yGA0CvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;eA5CD,WAAW;2GAiDvC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;eAnDA,WAAW;2GAwDvC,CAAC;AAYF,eAAO,MAAM,IAAI;;eApEY,WAAW;;;;;aAmBnC,CAAC;;;;;2GA8DL,CAAC;AAYF,eAAO,MAAM,KAAK;;eA7FW,WAAW;wHAwGvC,CAAC;AAEF,eAAO,MAAM,YAAY;;eA1GI,WAAW;2GAgHvC,CAAC;AAcF,eAAO,MAAM,IAAI;;eA9HY,WAAW;4HAsIvC,CAAC;AAQF,eAAO,MAAM,SAAS;;eA9IO,WAAW;4HA4JvC,CAAC;AAWF,eAAO,MAAM,YAAY;;eAvKI,WAAW;wHA2LvC,CAAC;AAoBF,eAAO,MAAM,KAAK;;eA/MW,WAAW;wHA0NvC,CAAC;AAEF,eAAO,MAAM,UAAU;;eA5NM,WAAW;kHAyOvC,CAAC;AAsBF,eAAO,MAAM,OAAO;;eA/PS,WAAW;0HAwRvC,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;UAUvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;eAxSF,WAAW;2GAmTvC,CAAC"}
+{"version":3,"file":"range-control-styles.d.ts","sourceRoot":"","sources":["../../../src/range-control/styles/range-control-styles.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACX,cAAc,EAEd,UAAU,EACV,YAAY,EACZ,UAAU,EAEV,iBAAiB,EACjB,MAAM,UAAU,CAAC;AAalB,KAAK,SAAS,GAAG,IAAI,CAAE,iBAAiB,EAAE,uBAAuB,CAAE,CAAC;AACpE,eAAO,MAAM,IAAI;;SATK,MAAO,WAAW;qHAqBvC,CAAC;AAYF,eAAO,MAAM,OAAO;;eAjCS,WAAW;;;;yGA0CvC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;eA5CD,WAAW;2GAiDvC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;eAnDA,WAAW;2GAwDvC,CAAC;AAYF,eAAO,MAAM,IAAI;;eApEY,WAAW;;;;;aAmBnC,CAAC;;;;;2GA8DL,CAAC;AAYF,eAAO,MAAM,KAAK;;eA7FW,WAAW;wHAwGvC,CAAC;AAEF,eAAO,MAAM,YAAY;;eA1GI,WAAW;2GAgHvC,CAAC;AAcF,eAAO,MAAM,IAAI;;eA9HY,WAAW;4HAsIvC,CAAC;AAQF,eAAO,MAAM,SAAS;;eA9IO,WAAW;4HA4JvC,CAAC;AAWF,eAAO,MAAM,YAAY;;eAvKI,WAAW;wHA2LvC,CAAC;AAoBF,eAAO,MAAM,KAAK;;eA/MW,WAAW;wHA2NvC,CAAC;AAEF,eAAO,MAAM,UAAU;;eA7NM,WAAW;kHA0OvC,CAAC;AAsBF,eAAO,MAAM,OAAO;;eAhQS,WAAW;0HAyRvC,CAAC;AAIF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;UAUvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;eAzSF,WAAW;2GAoTvC,CAAC"}

package/build-types/utils/config-values.d.ts

@@ -1,24 +1,14 @@
 declare const _default: {
-    controlSurfaceColor: "#fff";
-    controlTextActiveColor: string;
     controlPaddingX: number;
     controlPaddingXSmall: number;
     controlPaddingXLarge: number;
     controlBackgroundColor: "#fff";
-    controlBoxShadow: string;
     controlBoxShadowFocus: string;
-    controlDestructiveBorderColor: string;
     controlHeight: string;
     controlHeightXSmall: string;
     controlHeightSmall: string;
     controlHeightLarge: string;
     controlHeightXLarge: string;
-} & {
-    toggleGroupControlBackgroundColor: "#fff";
-    toggleGroupControlBorderColor: string;
-    toggleGroupControlBackdropBackgroundColor: "#fff";
-    toggleGroupControlBackdropBorderColor: string;
-    toggleGroupControlButtonColorActive: "#fff";
 } & {
     colorDivider: string;
     colorScrollbarThumb: string;
@@ -50,7 +40,6 @@ declare const _default: {
     fontWeight: string;
     fontWeightHeading: string;
     gridBase: string;
-    cardBorderRadius: string;
     cardPaddingXSmall: string;
     cardPaddingSmall: string;
     cardPaddingMedium: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/components",
-	"version": "28.8.1-next.5368f64a9.0",
+	"version": "28.8.2",
 	"description": "UI components for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -43,23 +43,23 @@
 		"@types/gradient-parser": "0.1.3",
 		"@types/highlight-words-core": "1.2.1",
 		"@use-gesture/react": "^10.3.1",
-		"@wordpress/a11y": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/compose": "^7.8.1-next.5368f64a9.0",
-		"@wordpress/date": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/deprecated": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/dom": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/element": "^6.7.1-next.5368f64a9.0",
-		"@wordpress/escape-html": "^3.7.1-next.5368f64a9.0",
-		"@wordpress/hooks": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/html-entities": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/i18n": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/icons": "^10.7.1-next.5368f64a9.0",
-		"@wordpress/is-shallow-equal": "^5.7.1-next.5368f64a9.0",
-		"@wordpress/keycodes": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/primitives": "^4.7.1-next.5368f64a9.0",
-		"@wordpress/private-apis": "^1.7.1-next.5368f64a9.0",
-		"@wordpress/rich-text": "^7.7.1-next.5368f64a9.0",
-		"@wordpress/warning": "^3.7.1-next.5368f64a9.0",
+		"@wordpress/a11y": "^4.8.1",
+		"@wordpress/compose": "^7.8.2",
+		"@wordpress/date": "^5.8.1",
+		"@wordpress/deprecated": "^4.8.1",
+		"@wordpress/dom": "^4.8.1",
+		"@wordpress/element": "^6.8.1",
+		"@wordpress/escape-html": "^3.8.1",
+		"@wordpress/hooks": "^4.8.1",
+		"@wordpress/html-entities": "^4.8.1",
+		"@wordpress/i18n": "^5.8.1",
+		"@wordpress/icons": "^10.8.1",
+		"@wordpress/is-shallow-equal": "^5.8.1",
+		"@wordpress/keycodes": "^4.8.1",
+		"@wordpress/primitives": "^4.8.1",
+		"@wordpress/private-apis": "^1.8.1",
+		"@wordpress/rich-text": "^7.8.2",
+		"@wordpress/warning": "^3.8.1",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "24934a1f5251bbee15045d1fd953d9c5650317cd"
+	"gitHead": "51204ac9382d0551d8fdebd3c8d4623dabfa9f3c"
 }

package/src/box-control/README.md

@@ -100,3 +100,10 @@ A handler for onMouseOver events.
 A handler for onMouseOut events.
 
 -   Required: No
+
+### `__next40pxDefaultSize`: `boolean`
+
+Start opting into the larger default size that will become the default size in a future version.
+
+-   Required: No
+-   Default: `false`

package/src/box-control/all-input-control.tsx

@@ -10,7 +10,6 @@ import {
 	FlexedRangeControl,
 	StyledUnitControl,
 } from './styles/box-control-styles';
-import { HStack } from '../h-stack';
 import type { BoxControlInputControlProps } from './types';
 import { parseQuantityAndUnitFromRawValue } from '../unit-control';
 import {
@@ -72,7 +71,7 @@ export default function AllInputControl( {
 	};
 
 	return (
-		<HStack>
+		<>
 			<StyledUnitControl
 				{ ...props }
 				__next40pxDefaultSize={ __next40pxDefaultSize }
@@ -104,6 +103,6 @@ export default function AllInputControl( {
 				value={ parsedQuantity ?? 0 }
 				withInputField={ false }
 			/>
-		</HStack>
+		</>
 	);
 }

package/src/box-control/utils.ts

@@ -179,7 +179,7 @@ export function isValuesMixed(
  */
 export function isValuesDefined( values?: BoxControlValue ) {
 	return (
-		values !== undefined &&
+		values &&
 		Object.values( values ).filter(
 			// Switching units when input is empty causes values only
 			// containing units. This gives false positive on mixed values