@wordpress/components 28.3.0 → 28.4.0

package/build-style/style-rtl.css

@@ -494,12 +494,13 @@ p + .components-button.is-tertiary {
 }
 @media (min-width: 600px) {
   .components-checkbox-control {
-    --checkbox-input-size: 20px;
+    --checkbox-input-size: 16px;
   }
 }
 
 .components-checkbox-control__label {
   line-height: var(--checkbox-input-size);
+  cursor: pointer;
 }
 
 .components-checkbox-control__input[type=checkbox] {
@@ -638,6 +639,7 @@ p + .components-button.is-tertiary {
   vertical-align: middle;
   width: var(--checkbox-input-size);
   aspect-ratio: 1;
+  line-height: 1;
   flex-shrink: 0;
 }
 
@@ -1051,75 +1053,6 @@ input.components-combobox-control__input[type=text]:focus {
   z-index: 0;
 }
 
-.components-custom-select-control {
-  position: relative;
-  font-size: 13px;
-}
-
-.components-custom-select-control__button {
-  position: relative;
-  text-align: right;
-  outline: 0;
-}
-
-.components-custom-select-control__hint {
-  color: #949494;
-  margin-right: 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;
-  border-radius: 2px;
-  outline: none;
-  transition: none;
-  max-height: 400px;
-  min-width: 100%;
-  overflow: auto;
-  padding: 0;
-  position: absolute;
-  z-index: 1000000;
-}
-.components-custom-select-control__menu[aria-hidden=true] {
-  display: none;
-}
-
-.components-custom-select-control__item {
-  align-items: center;
-  display: grid;
-  grid-template-columns: auto auto;
-  list-style-type: none;
-  padding: 8px 16px;
-  cursor: default;
-  line-height: 28px;
-}
-.components-custom-select-control__item:not(.is-next-40px-default-size) {
-  padding: 8px;
-}
-.components-custom-select-control__item.has-hint {
-  grid-template-columns: auto auto 30px;
-}
-.components-custom-select-control__item.is-highlighted {
-  background: #ddd;
-}
-.components-custom-select-control__item .components-custom-select-control__item-hint {
-  color: #949494;
-  text-align: left;
-  padding-left: 4px;
-}
-.components-custom-select-control__item .components-custom-select-control__item-icon {
-  margin-right: auto;
-}
-.components-custom-select-control__item:last-child {
-  margin-bottom: 0;
-}
-
 .block-editor-dimension-control .components-base-control__field {
   display: flex;
   align-items: center;
@@ -1371,6 +1304,7 @@ body.is-dragging-components-draggable {
 .components-form-toggle {
   position: relative;
   display: inline-block;
+  height: 16px;
 }
 .components-form-toggle .components-form-toggle__track {
   position: relative;
@@ -1379,10 +1313,10 @@ body.is-dragging-components-draggable {
   box-sizing: border-box;
   vertical-align: top;
   background-color: #fff;
-  border: 1px solid #1e1e1e;
-  width: 36px;
-  height: 18px;
-  border-radius: 9px;
+  border: 1px solid #949494;
+  width: 32px;
+  height: 16px;
+  border-radius: 8px;
   transition: 0.2s background-color ease, 0.2s border-color ease;
   overflow: hidden;
 }
@@ -1397,7 +1331,7 @@ body.is-dragging-components-draggable {
   position: absolute;
   inset: 0;
   box-sizing: border-box;
-  border-top: 18px solid transparent;
+  border-top: 16px solid transparent;
   transition: 0.2s opacity ease;
   opacity: 0;
 }
@@ -1411,8 +1345,8 @@ body.is-dragging-components-draggable {
   display: block;
   position: absolute;
   box-sizing: border-box;
-  top: 3px;
-  right: 3px;
+  top: 2px;
+  right: 2px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
@@ -1441,7 +1375,7 @@ body.is-dragging-components-draggable {
 .components-form-toggle.is-checked .components-form-toggle__thumb {
   background-color: #fff;
   border-width: 0;
-  transform: translateX(-18px);
+  transform: translateX(-16px);
 }
 .components-form-toggle.is-disabled, .components-disabled .components-form-toggle {
   opacity: 0.3;
@@ -1465,6 +1399,9 @@ body.is-dragging-components-draggable {
 .components-form-toggle input.components-form-toggle__input[type=checkbox]::before {
   content: "";
 }
+.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) {
+  cursor: pointer;
+}
 
 .components-form-token-field__input-container {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1774,28 +1711,32 @@ body.is-dragging-components-draggable {
   position: relative;
 }
 [role=region].interface-interface-skeleton__content:focus-visible::after {
+  content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
-  right: 0;
   left: 0;
   bottom: 0;
-  content: "";
-  pointer-events: none;
-  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  outline-offset: -4px;
+  right: 0;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1000000;
 }
 
 .is-focusing-regions [role=region]:focus::after {
+  content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
-  right: 0;
   left: 0;
   bottom: 0;
-  content: "";
-  pointer-events: none;
-  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  outline-offset: -4px;
+  right: 0;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1000000;
 }
 .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
@@ -1803,8 +1744,10 @@ body.is-dragging-components-draggable {
 .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;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
 }
 
 .components-menu-group + .components-menu-group {
@@ -2679,6 +2622,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   height: 24px;
   min-width: 24px;
   max-width: 24px;
+  position: relative;
   display: inline-flex;
   margin: 0 0 0 8px;
   padding: 0;
@@ -2715,24 +2659,28 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 @media (min-width: 600px) {
   .components-radio-control__input[type=radio] {
-    height: 20px;
-    width: 20px;
-    min-width: 20px;
-    max-width: 20px;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
   }
 }
 .components-radio-control__input[type=radio]:checked::before {
   box-sizing: inherit;
-  width: 8px;
-  height: 8px;
-  transform: translate(-7px, 7px);
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
   margin: 0;
   background-color: #fff;
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
   .components-radio-control__input[type=radio]:checked::before {
-    transform: translate(-5px, 5px);
+    width: 8px;
+    height: 8px;
   }
 }
 .components-radio-control__input[type=radio]:focus {
@@ -2741,10 +2689,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:checked {
   background: var(--wp-admin-theme-color);
-  border-color: var(--wp-admin-theme-color);
+  border: none;
 }
 .components-radio-control__input[type=radio]:focus {
-  box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .components-radio-control__input[type=radio]:checked {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -2757,6 +2707,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 .components-radio-control__label {
   cursor: pointer;
+  line-height: 24px;
+}
+@media (min-width: 600px) {
+  .components-radio-control__label {
+    line-height: 16px;
+  }
 }
 
 .components-resizable-box__handle {
@@ -3295,6 +3251,17 @@ body.lockscroll {
   margin: 0;
 }
 
+.components-toggle-control__label {
+  line-height: 16px;
+}
+.components-toggle-control__label:not(.is-disabled) {
+  cursor: pointer;
+}
+
+.components-toggle-control__help {
+  margin-right: 40px;
+}
+
 .components-accessible-toolbar {
   display: inline-flex;
   border: 1px solid #1e1e1e;

package/build-style/style.css

@@ -494,12 +494,13 @@ p + .components-button.is-tertiary {
 }
 @media (min-width: 600px) {
   .components-checkbox-control {
-    --checkbox-input-size: 20px;
+    --checkbox-input-size: 16px;
   }
 }
 
 .components-checkbox-control__label {
   line-height: var(--checkbox-input-size);
+  cursor: pointer;
 }
 
 .components-checkbox-control__input[type=checkbox] {
@@ -638,6 +639,7 @@ p + .components-button.is-tertiary {
   vertical-align: middle;
   width: var(--checkbox-input-size);
   aspect-ratio: 1;
+  line-height: 1;
   flex-shrink: 0;
 }
 
@@ -1056,75 +1058,6 @@ input.components-combobox-control__input[type=text]:focus {
   z-index: 0;
 }
 
-.components-custom-select-control {
-  position: relative;
-  font-size: 13px;
-}
-
-.components-custom-select-control__button {
-  position: relative;
-  text-align: left;
-  outline: 0;
-}
-
-.components-custom-select-control__hint {
-  color: #949494;
-  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;
-  border-radius: 2px;
-  outline: none;
-  transition: none;
-  max-height: 400px;
-  min-width: 100%;
-  overflow: auto;
-  padding: 0;
-  position: absolute;
-  z-index: 1000000;
-}
-.components-custom-select-control__menu[aria-hidden=true] {
-  display: none;
-}
-
-.components-custom-select-control__item {
-  align-items: center;
-  display: grid;
-  grid-template-columns: auto auto;
-  list-style-type: none;
-  padding: 8px 16px;
-  cursor: default;
-  line-height: 28px;
-}
-.components-custom-select-control__item:not(.is-next-40px-default-size) {
-  padding: 8px;
-}
-.components-custom-select-control__item.has-hint {
-  grid-template-columns: auto auto 30px;
-}
-.components-custom-select-control__item.is-highlighted {
-  background: #ddd;
-}
-.components-custom-select-control__item .components-custom-select-control__item-hint {
-  color: #949494;
-  text-align: right;
-  padding-right: 4px;
-}
-.components-custom-select-control__item .components-custom-select-control__item-icon {
-  margin-left: auto;
-}
-.components-custom-select-control__item:last-child {
-  margin-bottom: 0;
-}
-
 .block-editor-dimension-control .components-base-control__field {
   display: flex;
   align-items: center;
@@ -1376,6 +1309,7 @@ body.is-dragging-components-draggable {
 .components-form-toggle {
   position: relative;
   display: inline-block;
+  height: 16px;
 }
 .components-form-toggle .components-form-toggle__track {
   position: relative;
@@ -1384,10 +1318,10 @@ body.is-dragging-components-draggable {
   box-sizing: border-box;
   vertical-align: top;
   background-color: #fff;
-  border: 1px solid #1e1e1e;
-  width: 36px;
-  height: 18px;
-  border-radius: 9px;
+  border: 1px solid #949494;
+  width: 32px;
+  height: 16px;
+  border-radius: 8px;
   transition: 0.2s background-color ease, 0.2s border-color ease;
   overflow: hidden;
 }
@@ -1402,7 +1336,7 @@ body.is-dragging-components-draggable {
   position: absolute;
   inset: 0;
   box-sizing: border-box;
-  border-top: 18px solid transparent;
+  border-top: 16px solid transparent;
   transition: 0.2s opacity ease;
   opacity: 0;
 }
@@ -1416,8 +1350,8 @@ body.is-dragging-components-draggable {
   display: block;
   position: absolute;
   box-sizing: border-box;
-  top: 3px;
-  left: 3px;
+  top: 2px;
+  left: 2px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
@@ -1446,7 +1380,7 @@ body.is-dragging-components-draggable {
 .components-form-toggle.is-checked .components-form-toggle__thumb {
   background-color: #fff;
   border-width: 0;
-  transform: translateX(18px);
+  transform: translateX(16px);
 }
 .components-form-toggle.is-disabled, .components-disabled .components-form-toggle {
   opacity: 0.3;
@@ -1470,6 +1404,9 @@ body.is-dragging-components-draggable {
 .components-form-toggle input.components-form-toggle__input[type=checkbox]::before {
   content: "";
 }
+.components-form-toggle input.components-form-toggle__input[type=checkbox]:not(:disabled, [aria-disabled=true]) {
+  cursor: pointer;
+}
 
 .components-form-token-field__input-container {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -1779,28 +1716,32 @@ body.is-dragging-components-draggable {
   position: relative;
 }
 [role=region].interface-interface-skeleton__content:focus-visible::after {
+  content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
-  content: "";
-  pointer-events: none;
-  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  outline-offset: -4px;
+  left: 0;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1000000;
 }
 
 .is-focusing-regions [role=region]:focus::after {
+  content: "";
   position: absolute;
+  pointer-events: none;
   top: 0;
-  left: 0;
   right: 0;
   bottom: 0;
-  content: "";
-  pointer-events: none;
-  outline: 4px solid var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-  outline-offset: -4px;
+  left: 0;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1000000;
 }
 .is-focusing-regions.is-distraction-free .interface-interface-skeleton__header .edit-post-header,
@@ -1808,8 +1749,10 @@ body.is-dragging-components-draggable {
 .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;
+  outline-color: var(--wp-admin-theme-color);
+  outline-style: solid;
+  outline-width: calc(2 * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  outline-offset: calc(2 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
 }
 
 .components-menu-group + .components-menu-group {
@@ -2688,6 +2631,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   height: 24px;
   min-width: 24px;
   max-width: 24px;
+  position: relative;
   display: inline-flex;
   margin: 0 8px 0 0;
   padding: 0;
@@ -2724,24 +2668,28 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 @media (min-width: 600px) {
   .components-radio-control__input[type=radio] {
-    height: 20px;
-    width: 20px;
-    min-width: 20px;
-    max-width: 20px;
+    height: 16px;
+    width: 16px;
+    min-width: 16px;
+    max-width: 16px;
   }
 }
 .components-radio-control__input[type=radio]:checked::before {
   box-sizing: inherit;
-  width: 8px;
-  height: 8px;
-  transform: translate(7px, 7px);
+  width: 12px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
   margin: 0;
   background-color: #fff;
   border: 4px solid #fff;
 }
 @media (min-width: 600px) {
   .components-radio-control__input[type=radio]:checked::before {
-    transform: translate(5px, 5px);
+    width: 8px;
+    height: 8px;
   }
 }
 .components-radio-control__input[type=radio]:focus {
@@ -2750,10 +2698,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 .components-radio-control__input[type=radio]:checked {
   background: var(--wp-admin-theme-color);
-  border-color: var(--wp-admin-theme-color);
+  border: none;
 }
 .components-radio-control__input[type=radio]:focus {
-  box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .components-radio-control__input[type=radio]:checked {
   background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
@@ -2766,6 +2716,12 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 
 .components-radio-control__label {
   cursor: pointer;
+  line-height: 24px;
+}
+@media (min-width: 600px) {
+  .components-radio-control__label {
+    line-height: 16px;
+  }
 }
 
 .components-resizable-box__handle {
@@ -3307,6 +3263,17 @@ body.lockscroll {
   margin: 0;
 }
 
+.components-toggle-control__label {
+  line-height: 16px;
+}
+.components-toggle-control__label:not(.is-disabled) {
+  cursor: pointer;
+}
+
+.components-toggle-control__help {
+  margin-left: 40px;
+}
+
 .components-accessible-toolbar {
   display: inline-flex;
   border: 1px solid #1e1e1e;

package/build-types/alignment-matrix-control/cell.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AlignmentMatrixControlCellProps } from './types';
 import type { WordPressComponentProps } from '../context';
 export default function Cell({ id, isActive, value, ...props }: WordPressComponentProps<AlignmentMatrixControlCellProps, 'span', false>): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/cell.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,EAC7B,EAAE,EACF,QAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,+BAA+B,EAAE,MAAM,EAAE,KAAK,CAAE,+BAiB3E"}
+{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/cell.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,IAAI,CAAE,EAC7B,EAAE,EACF,QAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,+BAA+B,EAAE,MAAM,EAAE,KAAK,CAAE,+BAiB3E"}

package/build-types/alignment-matrix-control/icon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AlignmentMatrixControlIconProps } from './types';
 import type { WordPressComponentProps } from '../context';
 declare function AlignmentMatrixControlIcon({ className, disablePointerEvents, size, style, value, ...props }: WordPressComponentProps<AlignmentMatrixControlIconProps, 'div', false>): import("react").JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/icon.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,iBAAS,0BAA0B,CAAE,EACpC,SAAS,EACT,oBAA2B,EAC3B,IAAgB,EAChB,KAAU,EACV,KAAgB,EAChB,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,+BAA+B,EAAE,KAAK,EAAE,KAAK,CAAE,+BAiC1E;AAED,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/alignment-matrix-control/icon.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,iBAAS,0BAA0B,CAAE,EACpC,SAAS,EACT,oBAA2B,EAC3B,IAAgB,EAChB,KAAU,EACV,KAAgB,EAChB,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,+BAA+B,EAAE,KAAK,EAAE,KAAK,CAAE,+BAiC1E;AAED,eAAe,0BAA0B,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import AlignmentMatrixControlIcon from './icon';
 import type { WordPressComponentProps } from '../context';
 import type { AlignmentMatrixControlProps } from './types';

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,+BAwDtE;yBAjEe,sBAAsB;;;AAqEtC,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,+BAwDtE;yBAjEe,sBAAsB;;;AAqEtC,eAAe,sBAAsB,CAAC"}

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */

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,kSAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAkB5B,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,kSAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAkB5B,CAAC"}

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

@@ -1,19 +1,18 @@
-/// <reference types="react" />
 import type { AlignmentMatrixControlIconProps, AlignmentMatrixControlCellProps } from '../types';
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Root: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Pick<AlignmentMatrixControlIconProps, "disablePointerEvents">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Point: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & Pick<AlignmentMatrixControlCellProps, "isActive">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Cell: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=alignment-matrix-control-icon-styles.d.ts.map