@wordpress/components 27.3.0 → 27.5.0

package/build-style/style.css

@@ -171,8 +171,8 @@
   }
 }
 .components-autocomplete__popover .components-popover__content {
-  padding: 16px;
-  min-width: 220px;
+  padding: 8px;
+  min-width: 200px;
 }
 
 .components-autocomplete__result.components-button {
@@ -182,8 +182,13 @@
   text-align: left;
   width: 100%;
 }
-.components-autocomplete__result.components-button.is-selected {
-  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+.components-autocomplete__result.components-button:focus:not(:disabled) {
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+}
+.components-autocomplete__result.components-button.is-selected, .components-autocomplete__result.components-button:not(:disabled, [aria-disabled=true]):active {
+  background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  color: #fff;
 }
 
 .components-button-group {
@@ -483,6 +488,19 @@ p + .components-button.is-tertiary {
     background-position: 200px 0;
   }
 }
+.components-checkbox-control {
+  --checkbox-input-size: 24px;
+}
+@media (min-width: 600px) {
+  .components-checkbox-control {
+    --checkbox-input-size: 20px;
+  }
+}
+
+.components-checkbox-control__label {
+  line-height: var(--checkbox-input-size);
+}
+
 .components-checkbox-control__input[type=checkbox] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -509,8 +527,8 @@ p + .components-button.is-tertiary {
   padding: 0 !important;
   text-align: center;
   vertical-align: top;
-  width: 24px;
-  height: 24px;
+  width: var(--checkbox-input-size);
+  height: var(--checkbox-input-size);
   -webkit-appearance: none;
           appearance: none;
   transition: 0.1s border-color ease-in-out;
@@ -592,12 +610,6 @@ p + .components-button.is-tertiary {
   cursor: default;
   opacity: 1;
 }
-@media (min-width: 600px) {
-  .components-checkbox-control__input[type=checkbox] {
-    height: 20px;
-    width: 20px;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   .components-checkbox-control__input[type=checkbox] {
     transition-duration: 0s;
@@ -625,25 +637,22 @@ p + .components-button.is-tertiary {
   display: inline-block;
   margin-right: 12px;
   vertical-align: middle;
-  width: 24px;
-  height: 24px;
-}
-@media (min-width: 600px) {
-  .components-checkbox-control__input-container {
-    width: 20px;
-    height: 20px;
-  }
+  width: var(--checkbox-input-size);
+  aspect-ratio: 1;
+  flex-shrink: 0;
 }
 
 svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
+  --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
   cursor: pointer;
   position: absolute;
-  left: 0;
-  top: 0;
-  width: 24px;
-  height: 24px;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
   -webkit-user-select: none;
           user-select: none;
   pointer-events: none;
@@ -651,11 +660,15 @@ svg.components-checkbox-control__indeterminate {
 @media (min-width: 600px) {
   svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
-    left: -2px;
-    top: -2px;
+    --checkmark-size: calc(var(--checkbox-input-size) + 4px);
   }
 }
 
+.components-checkbox-control__help {
+  display: inline-block;
+  margin-inline-start: calc(var(--checkbox-input-size) + 12px);
+}
+
 .components-circular-option-picker {
   display: inline-block;
   width: 100%;
@@ -1060,6 +1073,12 @@ input.components-combobox-control__input[type=text]:focus {
   margin-left: 10px;
 }
 
+.components-custom-select-control__menu-wrapper {
+  position: absolute;
+  min-width: 100%;
+  bottom: 0;
+}
+
 .components-custom-select-control__menu {
   border: 1px solid #1e1e1e;
   background-color: #fff;
@@ -1318,6 +1337,19 @@ body.is-dragging-components-draggable {
   margin: 2px;
 }
 
+.components-external-link {
+  text-decoration: none;
+}
+
+.components-external-link__contents {
+  text-decoration: underline;
+}
+
+.components-external-link__icon {
+  margin-left: 0.5ch;
+  font-weight: 400;
+}
+
 .components-form-toggle {
   position: relative;
   display: inline-block;
@@ -1730,9 +1762,9 @@ body.is-dragging-components-draggable {
   z-index: 1000000;
 }
 .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
-.is-focusing-regions .interface-interface-skeleton__sidebar .edit-post-layout__toggle-sidebar-panel,
-.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-publish-panel,
-.is-focusing-regions .interface-interface-skeleton__actions .edit-post-layout__toggle-entities-saved-states-panel,
+.is-focusing-regions .interface-interface-skeleton__sidebar .editor-layout__toggle-sidebar-panel,
+.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-publish-panel,
+.is-focusing-regions .interface-interface-skeleton__actions .editor-layout__toggle-entities-saved-states-panel,
 .is-focusing-regions .editor-post-publish-panel {
   outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline-offset: -4px;
@@ -2119,6 +2151,7 @@ body.is-dragging-components-draggable {
 
 .components-panel__header {
   display: flex;
+  flex-shrink: 0;
   justify-content: space-between;
   align-items: center;
   padding: 0 16px;
@@ -2252,11 +2285,15 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   font-size: 13px;
   box-sizing: border-box;
   position: relative;
-  padding: 1em;
+  padding: 24px;
   width: 100%;
   text-align: left;
   margin: 0;
   color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 16px;
   -moz-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
   border-radius: 2px;
@@ -2264,14 +2301,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: inset 0 0 0 1px #1e1e1e;
   outline: 1px solid transparent;
 }
-@supports (position: sticky) {
-  .components-placeholder.components-placeholder {
-    display: flex;
-    flex-direction: column;
-    justify-content: top;
-    align-items: flex-start;
-  }
-}
 
 .components-placeholder__error,
 .components-placeholder__instructions,
@@ -2286,15 +2315,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-placeholder__label {
-  display: flex;
   font-weight: 600;
-  margin-bottom: 16px;
   align-items: center;
+  display: flex;
 }
 .components-placeholder__label > svg,
 .components-placeholder__label .dashicon,
 .components-placeholder__label .block-editor-block-icon {
-  margin-right: 12px;
+  margin-right: 4px;
   fill: currentColor;
 }
 @media (forced-colors: active) {
@@ -2314,6 +2342,8 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   flex-direction: row;
   width: 100%;
   flex-wrap: wrap;
+  gap: 12px;
+  justify-content: flex-start;
 }
 .components-placeholder__fieldset p,
 .components-placeholder__fieldset form p {
@@ -2369,22 +2399,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   color: rgba(30, 30, 30, 0.62);
 }
 
-.components-placeholder__instructions {
-  margin-bottom: 1em;
-}
-
 .components-placeholder__error {
-  margin-top: 1em;
   width: 100%;
-}
-
-.components-placeholder__fieldset .components-button {
-  margin-right: 12px;
-  margin-bottom: 12px;
-}
-.components-placeholder__fieldset .components-button:last-child {
-  margin-bottom: 0;
-  margin-right: 0;
+  gap: 8px;
 }
 
 .components-placeholder__fieldset .components-button:not(.is-link) ~ .components-button.is-link {
@@ -2395,10 +2412,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   margin-right: 0;
 }
 
-.components-placeholder.is-large .components-placeholder__label {
-  font-size: 18pt;
-  font-weight: normal;
-}
 .components-placeholder.is-medium .components-placeholder__instructions, .components-placeholder.is-small .components-placeholder__instructions {
   display: none;
 }
@@ -2407,11 +2420,14 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder.is-small .components-placeholder__fieldset form {
   flex-direction: column;
 }
-.components-placeholder.is-medium .components-placeholder__fieldset .components-button, .components-placeholder.is-small .components-placeholder__fieldset .components-button {
-  margin-right: auto;
-}
+.components-placeholder.is-medium .components-placeholder__fieldset > *,
+.components-placeholder.is-medium .components-button, .components-placeholder.is-small .components-placeholder__fieldset > *,
 .components-placeholder.is-small .components-button {
-  padding: 0 8px 2px;
+  width: 100%;
+  justify-content: center;
+}
+.components-placeholder.is-small {
+  padding: 16px;
 }
 
 /**
@@ -2432,7 +2448,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   background-color: rgba(0, 0, 0, 0.1);
 }
 .components-placeholder.has-illustration .components-placeholder__fieldset {
-  width: auto;
   margin-left: 0;
   margin-right: 0;
 }
@@ -3311,8 +3326,8 @@ body.lockscroll {
 }
 .components-accessible-toolbar .components-button.has-icon.has-icon,
 .components-toolbar .components-button.has-icon.has-icon {
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 8px;
+  padding-right: 8px;
   min-width: 48px;
 }
 .components-accessible-toolbar .components-button.components-tab-button,
@@ -3402,14 +3417,9 @@ body.lockscroll {
 }
 
 div.components-toolbar > div {
-  display: block;
+  display: flex;
   margin: 0;
 }
-@supports (position: sticky) {
-  div.components-toolbar > div {
-    display: flex;
-  }
-}
 div.components-toolbar > div + div.has-left-divider {
   margin-left: 6px;
   position: relative;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,0BAA0B,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAE,EACvC,SAAS,EACT,EAAE,EACF,KAAwC,EACxC,YAA8B,EAC9B,KAAK,EACL,QAAQ,EACR,KAAU,EACV,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,2BAA2B,EAAE,KAAK,EAAE,KAAK,CAAE,eAyDtE;yBAlEe,sBAAsB;;;AAsEtC,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,0BAA0B,MAAM,QAAQ,CAAC;AAEhD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,sBAAsB,CAAE,EACvC,SAAS,EACT,EAAE,EACF,KAAwC,EACxC,YAA8B,EAC9B,KAAK,EACL,QAAQ,EACR,KAAU,EACV,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,2BAA2B,EAAE,KAAK,EAAE,KAAK,CAAE,eA2DtE;yBApEe,sBAAsB;;;AAwEtC,eAAe,sBAAsB,CAAC"}

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

@@ -10,6 +10,6 @@ import AlignmentMatrixControl from '..';
 import type { AlignmentMatrixControlProps } from '../types';
 declare const meta: Meta<typeof AlignmentMatrixControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").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 Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, 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;
 //# sourceMappingURL=index.story.d.ts.map

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,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,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,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,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,yVAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}

package/build-types/alignment-matrix-control/styles/alignment-matrix-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;;;UACV,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;;yGAIf,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,KAAM,+BAA+B,EAAE,UAAU,CAAE,8CAY1D,CAAC;AAEF,eAAO,MAAM,KAAK;;;+JAIjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAWhB,CAAC"}
+{"version":3,"file":"alignment-matrix-control-styles.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/styles/alignment-matrix-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EACX,2BAA2B,EAC3B,+BAA+B,EAC/B,MAAM,UAAU,CAAC;AAElB,eAAO,MAAM,QAAQ,iDASpB,CAAC;AASF,eAAO,MAAM,IAAI;;;;UACV,2BAA2B,CAAE,OAAO,CAAE;yGAS5C,CAAC;AAEF,eAAO,MAAM,GAAG;;;yGAIf,CAAC;AAmBF,eAAO,MAAM,SAAS,UACd,KAAM,+BAA+B,EAAE,UAAU,CAAE,8CAa1D,CAAC;AAEF,eAAO,MAAM,KAAK;;;+JAIjB,CAAC;AAEF,eAAO,MAAM,IAAI;;;2GAWhB,CAAC"}

package/build-types/alignment-matrix-control/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/utils.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,IAAI,EAAE,2BAA2B,EAAE,EAI/C,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAE,2BAA2B,EAAE,MAAM,CAWxE,CAAC;AAGF,eAAO,MAAM,UAAU,+BAAc,CAAC;AAuBtC;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,2BAA2B,sBAOnC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,2CAGjE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,2BAAsC,sBAOjD"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/utils.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAE3D,eAAO,MAAM,IAAI,EAAE,2BAA2B,EAAE,EAI/C,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAE,2BAA2B,EAAE,MAAM,CAWxE,CAAC;AAGF,eAAO,MAAM,UAAU,+BAAc,CAAC;AAuBtC;;;;;;;GAOG;AACH,wBAAgB,SAAS,CACxB,QAAQ,EAAE,MAAM,EAChB,KAAK,CAAC,EAAE,2BAA2B,sBASnC;AAED;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,2CAGjE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAChC,SAAS,GAAE,2BAAsC,sBASjD"}

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import { AnglePickerControl } from '..';
 declare const meta: Meta<typeof AnglePickerControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").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> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, 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;
 } & import("react").RefAttributes<any>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -8,11 +8,11 @@ import type { Meta } from '@storybook/react';
 import { Animate } from '..';
 declare const meta: Meta<typeof Animate>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, 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,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"}
+{"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,wHAAsB,CAAC;AAS3C,eAAO,MAAM,aAAa,wHAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,wHAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,wHAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,wHAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,wHAAsB,CAAC"}

package/build-types/autocomplete/autocompleter-ui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,oBAAoB,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAE,aAAa,EAAE,WAAW,8HAgB1D,oBAAoB,wBAsIvB"}
+{"version":3,"file":"autocompleter-ui.d.ts","sourceRoot":"","sources":["../../src/autocomplete/autocompleter-ui.tsx"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EAAE,oBAAoB,EAAe,WAAW,EAAE,MAAM,SAAS,CAAC;AAE9E,wBAAgB,kBAAkB,CAAE,aAAa,EAAE,WAAW,8HAgB1D,oBAAoB,wBAwIvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAgUtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EA8UtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}

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

@@ -10,7 +10,7 @@ import BaseControl from '..';
 declare const meta: Meta<typeof BaseControl>;
 export default meta;
 export declare const Default: StoryFn<typeof BaseControl>;
-export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").BaseControlProps & {
+export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BaseControlProps & {
     as?: keyof JSX.IntrinsicElements | null | undefined;
 }>;
 /**

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

@@ -31,7 +31,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
@@ -44,7 +44,7 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -275,8 +275,8 @@ export declare function useBorderBoxControl(props: WordPressComponentProps<Borde
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };

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

@@ -13,7 +13,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     name?: string | undefined;
@@ -28,7 +28,7 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -260,8 +260,8 @@ export declare function useBorderBoxControlLinkedButton(props: WordPressComponen
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     autoFocus?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -22,7 +22,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
@@ -35,7 +35,7 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -266,8 +266,8 @@ export declare function useBorderBoxControlSplitControls(props: WordPressCompone
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };

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

@@ -11,7 +11,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
@@ -24,7 +24,7 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -256,8 +256,8 @@ export declare function useBorderBoxControlVisualizer(props: WordPressComponentP
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };

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

@@ -6,7 +6,7 @@ import type { Meta } from '@storybook/react';
 import { BorderBoxControl } from '../';
 declare const meta: Meta<typeof BorderBoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;

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

@@ -34,7 +34,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
@@ -47,7 +47,7 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -278,8 +278,8 @@ export declare function useBorderControl(props: WordPressComponentProps<BorderCo
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };

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

@@ -28,7 +28,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     style?: import("react").CSSProperties | undefined;
     title?: string | undefined;
     color?: string | undefined;
-    translate?: "yes" | "no" | undefined;
+    translate?: "no" | "yes" | undefined;
     hidden?: boolean | undefined;
     lang?: string | undefined;
     tabIndex?: number | undefined;
@@ -41,7 +41,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     'aria-colindex'?: number | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "location" | "date" | undefined;
+    'aria-current'?: boolean | "time" | "page" | "step" | "false" | "true" | "date" | "location" | undefined;
     'aria-describedby'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "false" | "true") | undefined;
@@ -271,8 +271,8 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "off" | "on" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };