@wordpress/components 25.6.1 → 25.8.0

package/build-style/style-rtl.css

@@ -518,7 +518,7 @@ p + .components-button.is-tertiary {
 }
 .components-checkbox-control__input[type=checkbox]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder {
@@ -745,14 +745,15 @@ svg.components-checkbox-control__indeterminate {
 }
 .components-circular-option-picker__option:focus::after {
   content: "";
-  border: 2px solid #757575;
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: -2px;
-  right: -2px;
   border-radius: 50%;
   box-shadow: inset 0 0 0 2px #fff;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  border: 2px solid #757575;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
 }
 .components-circular-option-picker__option.components-button:focus {
   background-color: transparent;
@@ -848,7 +849,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-combobox-control__suggestions-container::-webkit-input-placeholder {
@@ -863,7 +864,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus-within {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 
@@ -1404,7 +1405,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container::-webkit-input-placeholder {
@@ -1423,7 +1424,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container input[type=text].components-form-token-field__input {
@@ -1546,13 +1547,12 @@ body.is-dragging-components-draggable {
 .components-form-token-field__suggestions-list {
   flex: 1 0 100%;
   min-width: 100%;
-  max-height: 9em;
+  max-height: 128px;
   overflow-y: auto;
   transition: all 0.15s ease-in-out;
   list-style: none;
-  border-top: 1px solid var(--wp-components-color-gray-600, #949494);
+  box-shadow: inset 0 1px 0 0 #949494;
   margin: 0;
-  padding: 0;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-form-token-field__suggestions-list {
@@ -1562,10 +1562,11 @@ body.is-dragging-components-draggable {
 }
 
 .components-form-token-field__suggestion {
-  color: #757575;
+  color: #1e1e1e;
   display: block;
   font-size: 13px;
-  padding: 4px 8px;
+  padding: 8px 12px;
+  min-height: 32px;
   margin: 0;
   cursor: pointer;
 }
@@ -1574,10 +1575,6 @@ body.is-dragging-components-draggable {
   color: #fff;
 }
 
-.components-form-token-field__suggestion-match {
-  text-decoration: underline;
-}
-
 @media (min-width: 600px) {
   .components-guide {
     width: 600px;
@@ -1961,7 +1958,6 @@ body.is-dragging-components-draggable {
   align-items: center;
 }
 .components-notice.is-dismissible {
-  padding-left: 36px;
   position: relative;
 }
 .components-notice.is-success {
@@ -2186,7 +2182,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-sizing: border-box;
   position: relative;
   padding: 1em;
-  min-height: 200px;
   width: 100%;
   text-align: right;
   margin: 0;
@@ -2202,7 +2197,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   .components-placeholder.components-placeholder {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: top;
     align-items: flex-start;
   }
 }
@@ -2295,7 +2290,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-placeholder__input[type=url]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-placeholder__input[type=url]::-webkit-input-placeholder {
@@ -2364,13 +2359,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   color: inherit;
   display: flex;
   box-shadow: none;
-  min-width: 100px;
   -webkit-backdrop-filter: blur(100px);
           backdrop-filter: blur(100px);
   background-color: transparent;
   backface-visibility: hidden;
   border-radius: 2px;
-  overflow: hidden;
+  overflow: auto;
 }
 .is-dark-theme .components-placeholder.has-illustration {
   background-color: rgba(0, 0, 0, 0.1);
@@ -2576,7 +2570,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-radio-control__input[type=radio]::-webkit-input-placeholder {
@@ -2827,7 +2821,7 @@ body.lockscroll {
   /* Override core line-height. To be reviewed. */
   line-height: normal;
   display: block;
-  padding: 16px 16px 16px 48px;
+  padding: 0 16px 0 48px;
   background: #f0f0f0;
   border: none;
   width: 100%;
@@ -2852,7 +2846,7 @@ body.lockscroll {
 }
 .components-search-control input[type=search].components-search-control__input:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
@@ -2880,19 +2874,22 @@ body.lockscroll {
 .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
   -webkit-appearance: none;
 }
+.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input {
+  height: 40px;
+}
+.components-search-control.is-size-compact input[type=search].components-search-control__input {
+  height: 32px;
+}
 
 .components-search-control__icon {
   position: absolute;
-  top: 0;
-  width: 24px;
   left: 12px;
-  bottom: 0;
+  top: 50%;
+  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-}
-.components-search-control__icon > svg {
-  margin: 8px 0;
+  width: 24px;
 }
 
 .components-search-control__input-wrapper {
@@ -3144,7 +3141,7 @@ body.lockscroll {
 .components-text-control__input[type=month]:focus,
 .components-text-control__input[type=number]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-text-control__input::-webkit-input-placeholder,
@@ -3397,42 +3394,17 @@ div.components-toolbar > div + div.has-left-divider::before {
   height: 20px;
 }
 
-.components-tooltip.components-popover {
-  z-index: 1000002;
-}
-.components-tooltip.components-popover .components-popover__content {
-  min-width: min-content;
-}
-
-.components-tooltip .components-popover__content {
+.components-tooltip {
   background: #000;
   border-radius: 2px;
-  border-width: 0;
-  outline: none;
   color: #f0f0f0;
-  white-space: nowrap;
   text-align: center;
   line-height: 1.4;
   font-size: 12px;
-  box-shadow: none;
   padding: 4px 8px;
+  z-index: 1000002;
 }
 
 .components-tooltip__shortcut {
-  display: inline-block;
   margin-right: 8px;
-}
-
-.disabled-element-wrapper {
-  position: relative;
-}
-.disabled-element-wrapper .event-catcher {
-  z-index: 100002;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
 }

package/build-style/style.css

@@ -518,7 +518,7 @@ p + .components-button.is-tertiary {
 }
 .components-checkbox-control__input[type=checkbox]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-checkbox-control__input[type=checkbox]::-webkit-input-placeholder {
@@ -745,14 +745,15 @@ svg.components-checkbox-control__indeterminate {
 }
 .components-circular-option-picker__option:focus::after {
   content: "";
-  border: 2px solid #757575;
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: -2px;
-  left: -2px;
   border-radius: 50%;
   box-shadow: inset 0 0 0 2px #fff;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  border: 2px solid #757575;
+  width: calc(100% + 4px);
+  height: calc(100% + 4px);
 }
 .components-circular-option-picker__option.components-button:focus {
   background-color: transparent;
@@ -848,7 +849,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-combobox-control__suggestions-container::-webkit-input-placeholder {
@@ -863,7 +864,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 .components-combobox-control__suggestions-container:focus-within {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 
@@ -1409,7 +1410,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container::-webkit-input-placeholder {
@@ -1428,7 +1429,7 @@ body.is-dragging-components-draggable {
 }
 .components-form-token-field__input-container.is-active {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-form-token-field__input-container input[type=text].components-form-token-field__input {
@@ -1551,13 +1552,12 @@ body.is-dragging-components-draggable {
 .components-form-token-field__suggestions-list {
   flex: 1 0 100%;
   min-width: 100%;
-  max-height: 9em;
+  max-height: 128px;
   overflow-y: auto;
   transition: all 0.15s ease-in-out;
   list-style: none;
-  border-top: 1px solid var(--wp-components-color-gray-600, #949494);
+  box-shadow: inset 0 1px 0 0 #949494;
   margin: 0;
-  padding: 0;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-form-token-field__suggestions-list {
@@ -1567,10 +1567,11 @@ body.is-dragging-components-draggable {
 }
 
 .components-form-token-field__suggestion {
-  color: #757575;
+  color: #1e1e1e;
   display: block;
   font-size: 13px;
-  padding: 4px 8px;
+  padding: 8px 12px;
+  min-height: 32px;
   margin: 0;
   cursor: pointer;
 }
@@ -1579,10 +1580,6 @@ body.is-dragging-components-draggable {
   color: #fff;
 }
 
-.components-form-token-field__suggestion-match {
-  text-decoration: underline;
-}
-
 @media (min-width: 600px) {
   .components-guide {
     width: 600px;
@@ -1966,7 +1963,6 @@ body.is-dragging-components-draggable {
   align-items: center;
 }
 .components-notice.is-dismissible {
-  padding-right: 36px;
   position: relative;
 }
 .components-notice.is-success {
@@ -2193,7 +2189,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-sizing: border-box;
   position: relative;
   padding: 1em;
-  min-height: 200px;
   width: 100%;
   text-align: left;
   margin: 0;
@@ -2209,7 +2204,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   .components-placeholder.components-placeholder {
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: top;
     align-items: flex-start;
   }
 }
@@ -2302,7 +2297,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-placeholder__input[type=url]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-placeholder__input[type=url]::-webkit-input-placeholder {
@@ -2371,13 +2366,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   color: inherit;
   display: flex;
   box-shadow: none;
-  min-width: 100px;
   -webkit-backdrop-filter: blur(100px);
           backdrop-filter: blur(100px);
   background-color: transparent;
   backface-visibility: hidden;
   border-radius: 2px;
-  overflow: hidden;
+  overflow: auto;
 }
 .is-dark-theme .components-placeholder.has-illustration {
   background-color: rgba(0, 0, 0, 0.1);
@@ -2585,7 +2579,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-radio-control__input[type=radio]::-webkit-input-placeholder {
@@ -2839,7 +2833,7 @@ body.lockscroll {
   /* Override core line-height. To be reviewed. */
   line-height: normal;
   display: block;
-  padding: 16px 48px 16px 16px;
+  padding: 0 48px 0 16px;
   background: #f0f0f0;
   border: none;
   width: 100%;
@@ -2864,7 +2858,7 @@ body.lockscroll {
 }
 .components-search-control input[type=search].components-search-control__input:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
@@ -2892,19 +2886,22 @@ body.lockscroll {
 .components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
   -webkit-appearance: none;
 }
+.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input {
+  height: 40px;
+}
+.components-search-control.is-size-compact input[type=search].components-search-control__input {
+  height: 32px;
+}
 
 .components-search-control__icon {
   position: absolute;
-  top: 0;
-  width: 24px;
   right: 12px;
-  bottom: 0;
+  top: 50%;
+  transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
-}
-.components-search-control__icon > svg {
-  margin: 8px 0;
+  width: 24px;
 }
 
 .components-search-control__input-wrapper {
@@ -3156,7 +3153,7 @@ body.lockscroll {
 .components-text-control__input[type=month]:focus,
 .components-text-control__input[type=number]:focus {
   border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-text-control__input::-webkit-input-placeholder,
@@ -3409,42 +3406,17 @@ div.components-toolbar > div + div.has-left-divider::before {
   height: 20px;
 }
 
-.components-tooltip.components-popover {
-  z-index: 1000002;
-}
-.components-tooltip.components-popover .components-popover__content {
-  min-width: min-content;
-}
-
-.components-tooltip .components-popover__content {
+.components-tooltip {
   background: #000;
   border-radius: 2px;
-  border-width: 0;
-  outline: none;
   color: #f0f0f0;
-  white-space: nowrap;
   text-align: center;
   line-height: 1.4;
   font-size: 12px;
-  box-shadow: none;
   padding: 4px 8px;
+  z-index: 1000002;
 }
 
 .components-tooltip__shortcut {
-  display: inline-block;
   margin-left: 8px;
-}
-
-.disabled-element-wrapper {
-  position: relative;
-}
-.disabled-element-wrapper .event-catcher {
-  z-index: 100002;
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
 }

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

@@ -2,13 +2,13 @@
 /**
  * External dependencies
  */
-import type { ComponentMeta } from '@storybook/react';
+import type { Meta } from '@storybook/react';
 /**
  * Internal dependencies
  */
 import AlignmentMatrixControl from '..';
 import type { AlignmentMatrixControlProps } from '../types';
-declare const meta: ComponentMeta<typeof AlignmentMatrixControl>;
+declare const meta: Meta<typeof AlignmentMatrixControl>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AlignmentMatrixControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof AlignmentMatrixControlProps>>;
 export declare const IconSubcomponent: () => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,sBAAsB,CAWvD,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,iWAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAe9C,CAAC;AACF,eAAe,IAAI,CAAC;AA0BpB,eAAO,MAAM,OAAO,iWAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}

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

@@ -2,12 +2,12 @@
 /**
  * External dependencies
  */
-import type { ComponentMeta } from '@storybook/react';
+import type { Meta } from '@storybook/react';
 /**
  * Internal dependencies
  */
 import { AnglePickerControl } from '..';
-declare const meta: ComponentMeta<typeof AnglePickerControl>;
+declare const meta: Meta<typeof AnglePickerControl>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnglePickerControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
     as?: keyof JSX.IntrinsicElements | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAkB,MAAM,kBAAkB,CAAC;AAOtE;;GAEG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,kBAAkB,CAcnD,CAAC;AAEF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,OAAO;;uCAAkC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAExC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,kBAAkB,CAc1C,CAAC;AAEF,eAAe,IAAI,CAAC;AAsBpB,eAAO,MAAM,OAAO;;uCAAkC,CAAC"}

package/build-types/animate/stories/index.story.d.ts

@@ -1,18 +1,18 @@
 /**
  * External dependencies
  */
-import type { ComponentMeta, Story } from '@storybook/react';
+import type { Meta } from '@storybook/react';
 /**
  * Internal dependencies
  */
 import { Animate } from '..';
-declare const meta: ComponentMeta<typeof Animate>;
+declare const meta: Meta<typeof Animate>;
 export default meta;
-export declare const Default: Story<typeof Animate>;
-export declare const AppearTopLeft: Story<typeof Animate>;
-export declare const AppearTopRight: Story<typeof Animate>;
-export declare const AppearBottomLeft: Story<typeof Animate>;
-export declare const AppearBottomRight: Story<typeof Animate>;
-export declare const Loading: Story<typeof Animate>;
-export declare const SlideIn: Story<typeof Animate>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE7D;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,OAAO,CAOxC,CAAC;AACF,eAAe,IAAI,CAAC;AAIpB,eAAO,MAAM,OAAO,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AASpE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AAU1E,eAAO,MAAM,cAAc,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AAU3E,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AAU7E,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AAW9E,eAAO,MAAM,OAAO,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC;AAUpE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAE,OAAO,OAAO,CAAwB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAS3C,eAAO,MAAM,aAAa,gIAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,gIAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,gIAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,gIAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,gIAAsB,CAAC"}

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

@@ -5,5 +5,5 @@
  *
  * @see https://www.framer.com/docs/animation/
  */
-export { motion as __unstableMotion, AnimatePresence as __unstableAnimatePresence, } from 'framer-motion';
+export { motion as __unstableMotion, AnimatePresence as __unstableAnimatePresence, MotionContext as __unstableMotionContext, } from 'framer-motion';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACN,MAAM,IAAI,gBAAgB,EAC1B,eAAe,IAAI,yBAAyB,GAC5C,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACN,MAAM,IAAI,gBAAgB,EAC1B,eAAe,IAAI,yBAAyB,EAC5C,aAAa,IAAI,uBAAuB,GACxC,MAAM,eAAe,CAAC"}

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

@@ -9,8 +9,8 @@ import type { BaseControlProps } from './types';
  */
 export declare function useBaseControlProps(props: Omit<BaseControlProps, 'children'>): {
     baseControlProps: {
-        label?: import("react").ReactNode;
         className?: string | undefined;
+        label?: import("react").ReactNode;
         hideLabelFromVision?: boolean | undefined;
         __nextHasNoMarginBottom?: boolean | undefined;
         id: string;

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

@@ -1,14 +1,14 @@
 /**
  * External dependencies
  */
-import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import type { Meta, StoryFn } from '@storybook/react';
 /**
  * Internal dependencies
  */
 import BaseControl from '..';
-declare const meta: ComponentMeta<typeof BaseControl>;
+declare const meta: Meta<typeof BaseControl>;
 export default meta;
-export declare const Default: ComponentStory<typeof BaseControl>;
+export declare const Default: StoryFn<typeof BaseControl>;
 export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").BaseControlProps>;
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
@@ -17,5 +17,5 @@ export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<i
  * e.g., a button, but we want an additional visual label for that section equivalent to the labels `BaseControl` would
  * otherwise use if the `label` prop was passed.
  */
-export declare const WithVisualLabel: ComponentStory<typeof BaseControl>;
+export declare const WithVisualLabel: StoryFn<typeof BaseControl>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAoC,MAAM,IAAI,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAcpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAMpC,eAAO,MAAM,YAAY,oIAAqC,CAAC;AAM/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAc/D,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,WAAoC,MAAM,IAAI,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAYnC,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CACd,CAAC;AAMpC,eAAO,MAAM,YAAY,oIAAqC,CAAC;AAM/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,WAAW,CAYxD,CAAC"}

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

@@ -53,7 +53,7 @@ export declare const BorderBoxControl: import("../../ui/context").WordPressCompo
     disableCustomColors?: boolean | undefined;
 } & LabelProps & Pick<BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;
-    popoverPlacement?: ("overlay" | import("@floating-ui/utils").Placement) | undefined;
+    popoverPlacement?: (import("@floating-ui/utils").Placement | "overlay") | undefined;
     popoverOffset?: number | undefined;
     value: import("../types").AnyBorder;
 } & import("react").RefAttributes<any>, false>;