@wordpress/components 19.6.1-next.a55ed9455a.0 → 19.7.0

package/build-style/style.css

@@ -595,11 +595,11 @@ p + .components-button.is-tertiary {
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
-.components-checkbox-control__input[type=checkbox]:checked {
+.components-checkbox-control__input[type=checkbox]:checked, .components-checkbox-control__input[type=checkbox]:indeterminate {
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
 }
-.components-checkbox-control__input[type=checkbox]:checked::-ms-check {
+.components-checkbox-control__input[type=checkbox]:checked::-ms-check, .components-checkbox-control__input[type=checkbox]:indeterminate::-ms-check {
   opacity: 0;
 }
 .components-checkbox-control__input[type=checkbox]:checked::before {
@@ -621,7 +621,8 @@ p + .components-button.is-tertiary {
   }
 }
 
-svg.components-checkbox-control__checked {
+svg.components-checkbox-control__checked,
+svg.components-checkbox-control__indeterminate {
   fill: #fff;
   cursor: pointer;
   position: absolute;
@@ -634,7 +635,8 @@ svg.components-checkbox-control__checked {
   pointer-events: none;
 }
 @media (min-width: 600px) {
-  svg.components-checkbox-control__checked {
+  svg.components-checkbox-control__checked,
+svg.components-checkbox-control__indeterminate {
     left: -2px;
     top: -2px;
   }
@@ -893,11 +895,10 @@ input.components-combobox-control__input[type=text]:focus {
   position: relative;
   border: none;
   background: none;
-  display: block;
   border-radius: 2px;
-  height: 48px;
+  height: 64px;
+  padding: 12px;
   font-family: inherit;
-  text-align: right;
   width: 100%;
   background-image: repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
   background-position: 0 0, 25px 25px;
@@ -940,6 +941,15 @@ input.components-combobox-control__input[type=text]:focus {
     margin-bottom: -60px;
   }
 }
+.components-color-palette__custom-color-name {
+  text-align: left;
+}
+
+.components-color-palette__custom-color-value {
+  margin-left: 16px;
+  text-transform: uppercase;
+}
+
 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
   opacity: 0.4;
 }
@@ -1050,12 +1060,19 @@ input.components-combobox-control__input[type=text]:focus {
 .components-custom-select-control__button {
   border: 1px solid #757575;
   border-radius: 2px;
-  min-height: 30px;
   min-width: 130px;
   position: relative;
   text-align: left;
 }
+.components-custom-select-control__button:not(.is-next-36px-default-size) {
+  min-height: 30px;
+}
 .components-custom-select-control__button.components-custom-select-control__button {
+  padding-left: 16px;
+  padding-right: 32px;
+}
+.components-custom-select-control__button.components-custom-select-control__button:not(.is-next-36px-default-size) {
+  padding-left: 8px;
   padding-right: 24px;
 }
 .components-custom-select-control__button:focus:not(:disabled) {
@@ -1092,10 +1109,13 @@ input.components-combobox-control__input[type=text]:focus {
   display: grid;
   grid-template-columns: auto auto;
   list-style-type: none;
-  padding: 8px;
+  padding: 8px 16px;
   cursor: default;
   line-height: 28px;
 }
+.components-custom-select-control__item:not(.is-next-36px-default-size) {
+  padding: 8px;
+}
 .components-custom-select-control__item.has-hint {
   grid-template-columns: auto auto 30px;
 }
@@ -4765,178 +4785,6 @@ div.components-toolbar > div + div.has-left-divider::before {
   height: 20px;
 }
 
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button {
-  min-width: 48px;
-  padding-left: 12px;
-  padding-right: 12px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before, .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child:last-child::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child:last-child .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > .components-button.components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot.components-dropdown > * .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child:last-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child:last-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > .components-button.components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar.components-dropdown > * .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child:last-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child:last-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > .components-button.components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown.components-dropdown > * .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child:last-child::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child:last-child .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > .components-button.components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group.components-dropdown > * .components-button::before {
-  left: 8px;
-  right: 8px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button {
-  min-width: 42px;
-  padding-left: 11px;
-  padding-right: 6px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:first-child::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:first-child > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:first-child::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:first-child > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:first-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:first-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:first-child > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:first-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:first-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:first-child > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:first-child .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:first-child::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:first-child > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:first-child .components-button::before {
-  left: 8px;
-  right: 2px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button {
-  min-width: 36px;
-  padding-left: 6px;
-  padding-right: 6px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg {
-  min-width: 24px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before {
-  left: 2px;
-  right: 2px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button {
-  min-width: 42px;
-  padding-left: 6px;
-  padding-right: 11px;
-}
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button:last-child::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div:last-child > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button:last-child::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div:last-child > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown:last-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button:last-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div:last-child > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown:last-child .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button:last-child::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div:last-child > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown:last-child .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button:last-child::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div:last-child > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown:last-child .components-button::before {
-  left: 2px;
-  right: 8px;
-}
-
 .components-tooltip.components-popover {
   z-index: 1000002;
 }

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

@@ -1,8 +1,12 @@
 export default BaseControl;
 export type Props = {
+    /**
+     * Start opting into the new margin-free styles that will become the default in a future version.
+     */
+    __nextHasNoMarginBottom?: boolean | undefined;
     /**
      * The id of the element to which labels and help text are being generated.
-     *                   That element should be passed as a child.
+     *                       That element should be passed as a child.
      */
     id?: string | undefined;
     /**
@@ -12,7 +16,7 @@ export type Props = {
     help: import('react').ReactNode;
     /**
      * If this property is added, a label will be generated
-     *                using label property as the content.
+     *                    using label property as the content.
      */
     label?: import('react').ReactNode;
     /**
@@ -21,13 +25,13 @@ export type Props = {
     hideLabelFromVision?: boolean | undefined;
     /**
      * The class that will be added with "components-base-control" to the
-     *            classes of the wrapper div. If no className is passed only
-     *            components-base-control is used.
+     *                classes of the wrapper div. If no className is passed only
+     *                components-base-control is used.
      */
     className?: string | undefined;
     /**
      * The content to be displayed within
-     *             the BaseControl.
+     *                 the BaseControl.
      */
     children?: import('react').ReactNode;
 };
@@ -43,24 +47,25 @@ export type VisualLabelProps = {
 };
 /**
  * @typedef Props
- * @property {string}                    [id]                  The id of the element to which labels and help text are being generated.
- *                                                             That element should be passed as a child.
- * @property {import('react').ReactNode} help                  If this property is added, a help text will be
- *                                                             generated using help property as the content.
- * @property {import('react').ReactNode} [label]               If this property is added, a label will be generated
- *                                                             using label property as the content.
- * @property {boolean}                   [hideLabelFromVision] If true, the label will only be visible to screen readers.
- * @property {string}                    [className]           The class that will be added with "components-base-control" to the
- *                                                             classes of the wrapper div. If no className is passed only
- *                                                             components-base-control is used.
- * @property {import('react').ReactNode} [children]            The content to be displayed within
- *                                                             the BaseControl.
+ * @property {boolean}                   [__nextHasNoMarginBottom] Start opting into the new margin-free styles that will become the default in a future version.
+ * @property {string}                    [id]                      The id of the element to which labels and help text are being generated.
+ *                                                                 That element should be passed as a child.
+ * @property {import('react').ReactNode} help                      If this property is added, a help text will be
+ *                                                                 generated using help property as the content.
+ * @property {import('react').ReactNode} [label]                   If this property is added, a label will be generated
+ *                                                                 using label property as the content.
+ * @property {boolean}                   [hideLabelFromVision]     If true, the label will only be visible to screen readers.
+ * @property {string}                    [className]               The class that will be added with "components-base-control" to the
+ *                                                                 classes of the wrapper div. If no className is passed only
+ *                                                                 components-base-control is used.
+ * @property {import('react').ReactNode} [children]                The content to be displayed within
+ *                                                                 the BaseControl.
  */
 /**
  * @param {Props} props
  * @return {JSX.Element} Element
  */
-declare function BaseControl({ id, label, hideLabelFromVision, help, className, children, }: Props): JSX.Element;
+declare function BaseControl({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: Props): JSX.Element;
 declare namespace BaseControl {
     /**
      * @typedef VisualLabelProps

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.js"],"names":[],"mappings":";;;;;;;;;;;UAqBc,OAAO,OAAO,EAAE,SAAS;;;;;YAEzB,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;;;;;;eAMzB,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;eA6DzB,OAAO,OAAO,EAAE,SAAS;;AAzEvC;;;;;;;;;;;;;;GAcG;AAEH;;;GAGG;AACH,6FAHW,KAAK,GACJ,WAAW,CAkDtB;;IAED;;;;OAIG;IAEH;;;OAGG;IACH,6EAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;UAsBc,OAAO,OAAO,EAAE,SAAS;;;;;YAEzB,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;;;;;;eAMzB,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;eAmEzB,OAAO,OAAO,EAAE,SAAS;;AAhFvC;;;;;;;;;;;;;;;GAeG;AAEH;;;GAGG;AACH,sHAHW,KAAK,GACJ,WAAW,CAwDtB;;IAED;;;;OAIG;IAEH;;;OAGG;IACH,6EAWC"}

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

@@ -5,6 +5,8 @@ export const Wrapper: import("@emotion/styled").StyledComponent<{
 export const StyledField: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    __nextHasNoMarginBottom?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export const StyledLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -13,6 +15,8 @@ export const StyledLabel: import("@emotion/styled").StyledComponent<{
 export const StyledHelp: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    __nextHasNoMarginBottom?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
 export const StyledVisualLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.js"],"names":[],"mappings":"AAYA;;;0GAGE;AAEF;;;0GAME;AAOF;;;mHAEE;AAEF;;;sHAIE;AAEF;;;4GAEE"}
+{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.js"],"names":[],"mappings":"AAYA;;;0GAGE;AAWF;;;;;0GAME;AAOF;;;mHAEE;AAWF;;;;;sHAQE;AAEF;;;4GAEE"}

package/build-types/card/card-divider/hook.d.ts

@@ -12,7 +12,6 @@ export function useCardDivider(props: import('../../ui/context').WordPressCompon
     lang?: string | undefined;
     role?: import("react").AriaRole | undefined;
     tabIndex?: number | undefined;
-    orientation?: "horizontal" | "vertical" | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
@@ -265,5 +264,6 @@ export function useCardDivider(props: import('../../ui/context').WordPressCompon
     margin?: import("../../ui/utils/space").SpaceInput | undefined;
     marginStart?: import("../../ui/utils/space").SpaceInput | undefined;
     marginEnd?: import("../../ui/utils/space").SpaceInput | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.js"],"names":[],"mappings":"AAiHA;;;gBAYC;AAED;;;;;;;;;;gBA8EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/color-palette/index.js"],"names":[],"mappings":"AAmHA;;;gBAYC;AA2BD;;;;;;;;;;gBAoHC"}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const NumberControlWrapper: import("@emotion/styled").StyledComponent<Pick<{
     [x: string]: any;
-    __unstableStateReducer?: ((state: any) => any) | undefined;
+    __unstableStateReducer: any;
     className: any;
     dragDirection?: string | undefined;
     hideHTMLArrows?: boolean | undefined;

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

@@ -7,4 +7,5 @@ declare const meta: ComponentMeta<typeof Divider>;
 export default meta;
 export declare const Horizontal: ComponentStory<typeof Divider>;
 export declare const Vertical: ComponentStory<typeof Divider>;
+export declare const InFlexContainer: ComponentStory<typeof Divider>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAE7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAkBxC,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,UAAU,EAAE,cAAc,CACtC,OAAO,OAAO,CACkB,CAAC;AAKlC,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAE,OAAO,OAAO,CAEpD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/divider/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAkBxC,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,UAAU,EAAE,cAAc,CAAE,OAAO,OAAO,CAAwB,CAAC;AAKhF,eAAO,MAAM,QAAQ,EAAE,cAAc,CAAE,OAAO,OAAO,CAAwB,CAAC;AAO9E,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,OAAO,CAgB3D,CAAC"}

package/build-types/divider/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/divider/styles.ts"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAsDrC,eAAO,MAAM,WAAW;;;+GAOvB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/divider/styles.ts"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AA8DrC,eAAO,MAAM,WAAW;;;+GAQvB,CAAC"}

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

@@ -19,7 +19,14 @@ export interface OwnProps {
      * Adjusts the inline-end margin.
      */
     marginEnd?: SpaceInput;
+    /**
+     * Divider's orientation. When using inside a flex container, you may need to make sure the divider is `stretch` aligned
+     * in order for it to be visible.
+     *
+     * @default 'horizontal'
+     */
+    orientation?: SeparatorProps['orientation'];
 }
-export interface Props extends Omit<SeparatorProps, 'children' | 'unstable_system'>, OwnProps {
+export interface Props extends Omit<SeparatorProps, 'children' | 'unstable_system' | 'orientation'>, OwnProps {
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/divider/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,QAAQ;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;CACvB;AAED,MAAM,WAAW,KAChB,SAAQ,IAAI,CAAE,cAAc,EAAE,UAAU,GAAG,iBAAiB,CAAE,EAC7D,QAAQ;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/divider/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,QAAQ;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,cAAc,CAAE,aAAa,CAAE,CAAC;CAC9C;AAED,MAAM,WAAW,KAChB,SAAQ,IAAI,CACV,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,aAAa,CAC9C,EACD,QAAQ;CAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAsN/C,QAAA,MAAM,kBAAkB;;q6JAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"input-field.d.ts","sourceRoot":"","sources":["../../src/input-control/input-field.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAkO/C,QAAA,MAAM,kBAAkB;;q6JAA2B,CAAC;AAEpD,eAAe,kBAAkB,CAAC"}

package/build-types/input-control/reducer/actions.d.ts

@@ -16,7 +16,6 @@ export declare const PRESS_DOWN = "PRESS_DOWN";
 export declare const PRESS_ENTER = "PRESS_ENTER";
 export declare const PRESS_UP = "PRESS_UP";
 export declare const RESET = "RESET";
-export declare const UPDATE = "UPDATE";
 interface EventPayload {
     event?: SyntheticEvent;
 }
@@ -36,11 +35,10 @@ export declare type DragStartAction = Action<typeof DRAG_START, DragProps>;
 export declare type DragEndAction = Action<typeof DRAG_END, DragProps>;
 export declare type DragAction = Action<typeof DRAG, DragProps>;
 export declare type ResetAction = Action<typeof RESET, Partial<ValuePayload>>;
-export declare type UpdateAction = Action<typeof UPDATE, ValuePayload>;
 export declare type InvalidateAction = Action<typeof INVALIDATE, {
     error: unknown;
 }>;
-export declare type ChangeEventAction = ChangeAction | ResetAction | CommitAction | UpdateAction;
+export declare type ChangeEventAction = ChangeAction | ResetAction | CommitAction;
 export declare type DragEventAction = DragStartAction | DragEndAction | DragAction;
 export declare type KeyEventAction = PressDownAction | PressUpAction | PressEnterAction;
 export declare type InputAction = ChangeEventAction | KeyEventAction | DragEventAction | InvalidateAction;

package/build-types/input-control/reducer/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,KAAK,UAAU,CAAC;AAC7B,eAAO,MAAM,MAAM,WAAW,CAAC;AAE/B,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,MAAM,CAAE,IAAI,EAAE,YAAY,GAAG,EAAE;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC;CACrC;AAED,UAAU,YAAY;IACrB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,CAAE,CAAC;AACtD,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,CAAE,CAAC;AAC1D,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,WAAW,CAAE,CAAC;AAC5D,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE,SAAS,CAAE,CAAC;AACrE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,EAAE,SAAS,CAAE,CAAC;AACjE,oBAAY,UAAU,GAAG,MAAM,CAAE,OAAO,IAAI,EAAE,SAAS,CAAE,CAAC;AAC1D,oBAAY,WAAW,GAAG,MAAM,CAAE,OAAO,KAAK,EAAE,OAAO,CAAE,YAAY,CAAE,CAAE,CAAC;AAC1E,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAE,CAAC;AAE/E,oBAAY,iBAAiB,GAC1B,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,YAAY,CAAC;AAEhB,oBAAY,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3E,oBAAY,cAAc,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEhF,oBAAY,WAAW,GACpB,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/actions.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,UAAU,eAAe,CAAC;AACvC,eAAO,MAAM,WAAW,gBAAgB,CAAC;AACzC,eAAO,MAAM,QAAQ,aAAa,CAAC;AACnC,eAAO,MAAM,KAAK,UAAU,CAAC;AAE7B,UAAU,YAAY;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,UAAU,MAAM,CAAE,IAAI,EAAE,YAAY,GAAG,EAAE;IACxC,IAAI,EAAE,IAAI,CAAC;IACX,OAAO,EAAE,YAAY,GAAG,YAAY,CAAC;CACrC;AAED,UAAU,YAAY;IACrB,KAAK,EAAE,MAAM,CAAC;CACd;AAED,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,YAAY,GAAG,MAAM,CAAE,OAAO,MAAM,EAAE,YAAY,CAAE,CAAC;AACjE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,CAAE,CAAC;AACtD,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,CAAE,CAAC;AAC1D,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,WAAW,CAAE,CAAC;AAC5D,oBAAY,eAAe,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE,SAAS,CAAE,CAAC;AACrE,oBAAY,aAAa,GAAG,MAAM,CAAE,OAAO,QAAQ,EAAE,SAAS,CAAE,CAAC;AACjE,oBAAY,UAAU,GAAG,MAAM,CAAE,OAAO,IAAI,EAAE,SAAS,CAAE,CAAC;AAC1D,oBAAY,WAAW,GAAG,MAAM,CAAE,OAAO,KAAK,EAAE,OAAO,CAAE,YAAY,CAAE,CAAE,CAAC;AAC1E,oBAAY,gBAAgB,GAAG,MAAM,CAAE,OAAO,UAAU,EAAE;IAAE,KAAK,EAAE,OAAO,CAAA;CAAE,CAAE,CAAC;AAE/E,oBAAY,iBAAiB,GAAG,YAAY,GAAG,WAAW,GAAG,YAAY,CAAC;AAE1E,oBAAY,eAAe,GAAG,eAAe,GAAG,aAAa,GAAG,UAAU,CAAC;AAE3E,oBAAY,cAAc,GAAG,eAAe,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAEhF,oBAAY,WAAW,GACpB,iBAAiB,GACjB,cAAc,GACd,eAAe,GACf,gBAAgB,CAAC"}

package/build-types/input-control/reducer/reducer.d.ts

@@ -1,17 +1,12 @@
+/**
+ * External dependencies
+ */
 import type { SyntheticEvent } from 'react';
 /**
  * Internal dependencies
  */
 import { InputState, StateReducer } from './state';
 import * as actions from './actions';
-/**
- * Composes multiple stateReducers into a single stateReducer, building
- * the pipeline to control the flow for state and actions.
- *
- * @param  fns State reducers.
- * @return The single composed stateReducer.
- */
-export declare const composeStateReducers: (...fns: StateReducer[]) => StateReducer;
 /**
  * A custom hook that connects and external stateReducer with an internal
  * reducer. This hook manages the internal state of InputControl.
@@ -39,6 +34,5 @@ export declare function useInputControlStateReducer(stateReducer?: StateReducer,
     readonly pressUp: (event: actions.KeyEventAction['payload']['event']) => void;
     readonly reset: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
     readonly state: InputState;
-    readonly update: (nextValue: actions.ChangeEventAction['payload']['value'], event: actions.ChangeEventAction['payload']['event']) => void;
 };
 //# sourceMappingURL=reducer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAoBrC;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,WACxB,YAAY,EAAE,KACpB,YAUF,CAAC;AA2FF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,GAAE,YAAkC,EAChD,YAAY,GAAE,OAAO,CAAE,UAAU,CAA6B;iCAQlD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAiC/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAxBlD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAnB1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;EAuEzD"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../../src/input-control/reducer/reducer.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C;;GAEG;AACH,OAAO,EACN,UAAU,EACV,YAAY,EAGZ,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AAwGrC;;;;;;;;;;;;;GAaG;AACH,wBAAgB,2BAA2B,CAC1C,YAAY,GAAE,YAAkC,EAChD,YAAY,GAAE,OAAO,CAAE,UAAU,CAA6B;iCAQlD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAD7C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;6BAiC/C,QAAQ,eAAe,CAAE,SAAS,CAAE;gCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;kCAApC,QAAQ,eAAe,CAAE,SAAS,CAAE;iCASlB,OAAO,SAAS,cAAc;gCAxBlD,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;iCAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;8BAA9C,QAAQ,cAAc,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;gCAnB1C,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE,SACrD,QAAQ,iBAAiB,CAAE,SAAS,CAAE,CAAE,OAAO,CAAE;;EAqEzD"}

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

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { CSSProperties, ReactNode, ChangeEvent, SyntheticEvent } from 'react';
+import type { CSSProperties, ReactNode, ChangeEvent, SyntheticEvent, PointerEvent } from 'react';
 import type { useDrag } from '@use-gesture/react';
 /**
  * Internal dependencies
@@ -20,7 +20,7 @@ interface BaseProps {
     labelPosition?: LabelPosition;
     size?: Size;
 }
-export declare type InputChangeCallback<E = ChangeEvent<HTMLInputElement>, P = {}> = (nextValue: string | undefined, extra: {
+export declare type InputChangeCallback<E = ChangeEvent<HTMLInputElement> | PointerEvent<HTMLInputElement>, P = {}> = (nextValue: string | undefined, extra: {
     event: E;
 } & P) => void;
 export interface InputFieldProps extends BaseProps {

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

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

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

@@ -1,6 +1,6 @@
-export function NumberControl({ __unstableStateReducer: stateReducer, className, dragDirection, hideHTMLArrows, isDragEnabled, isShiftStepEnabled, label, max, min, required, shiftStep, step, type: typeProp, value: valueProp, ...props }: {
+export function NumberControl({ __unstableStateReducer: stateReducerProp, className, dragDirection, hideHTMLArrows, isDragEnabled, isShiftStepEnabled, label, max, min, required, shiftStep, step, type: typeProp, value: valueProp, ...props }: {
     [x: string]: any;
-    __unstableStateReducer?: ((state: any) => any) | undefined;
+    __unstableStateReducer: any;
     className: any;
     dragDirection?: string | undefined;
     hideHTMLArrows?: boolean | undefined;
@@ -17,7 +17,7 @@ export function NumberControl({ __unstableStateReducer: stateReducer, className,
 }, ref: any): JSX.Element;
 declare var _default: import("react").ForwardRefExoticComponent<Pick<{
     [x: string]: any;
-    __unstableStateReducer?: ((state: any) => any) | undefined;
+    __unstableStateReducer: any;
     className: any;
     dragDirection?: string | undefined;
     hideHTMLArrows?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/number-control/index.js"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;;;;;0BAuKC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/number-control/index.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;0BAyKC"}

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

@@ -71,7 +71,7 @@ export const Tooltip: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export const InputNumber: import("@emotion/styled").StyledComponent<Pick<{
     [x: string]: any;
-    __unstableStateReducer?: ((state: any) => any) | undefined;
+    __unstableStateReducer: any;
     className: any;
     dragDirection?: string | undefined;
     hideHTMLArrows?: boolean | undefined;

package/build-types/resizable-box/resize-tooltip/styles/resize-tooltip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize-tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js"],"names":[],"mappings":"AAWA;;;0GAQE;AAEF;;;0GAQE;AAEF;;;0GAQE;AAKF;;;;;;WAOE"}
+{"version":3,"file":"resize-tooltip.styles.d.ts","sourceRoot":"","sources":["../../../../src/resizable-box/resize-tooltip/styles/resize-tooltip.styles.js"],"names":[],"mappings":"AAWA;;;0GAQE;AAEF;;;0GAQE;AAEF;;;0GAQE;AAKF;;;;;;WAQE"}