@wordpress/block-editor 11.2.0 → 11.3.0

package/build-style/content.css

@@ -103,6 +103,28 @@
   }
 }
 
+.block-editor-block-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+}
+.block-editor-block-icon.has-colors svg {
+  fill: currentColor;
+}
+@media (forced-colors: active) {
+  .block-editor-block-icon.has-colors svg {
+    fill: CanvasText;
+  }
+}
+.block-editor-block-icon svg {
+  min-width: 20px;
+  min-height: 20px;
+  max-width: 24px;
+  max-height: 24px;
+}
+
 .block-editor-block-styles .block-editor-block-list__block {
   margin: 0;
 }
@@ -471,14 +493,14 @@
   border-radius: 2px;
   z-index: 10;
 }
-.block-editor-block-list__block.has-block-overlay::after {
+.block-editor-block-list__block.has-block-overlay:not(.is-multi-selected)::after {
   content: none !important;
 }
-.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks)::before {
+.block-editor-block-list__block.has-block-overlay:hover:not(.is-dragging-blocks):not(.is-multi-selected)::before {
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset;
 }
-.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks)::before, .block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks)::before {
+.block-editor-block-list__block.has-block-overlay.is-reusable:hover:not(.is-dragging-blocks):not(.is-multi-selected)::before, .block-editor-block-list__block.has-block-overlay.wp-block-template-part:hover:not(.is-dragging-blocks):not(.is-multi-selected)::before {
   background: rgba(var(--wp-block-synced-color--rgb), 0.04);
   box-shadow: 0 0 0 1px var(--wp-block-synced-color) inset;
 }
@@ -510,6 +532,86 @@
   display: none;
 }
 
+.block-editor-block-preview__live-content * {
+  pointer-events: none;
+}
+.block-editor-block-preview__live-content .block-list-appender {
+  display: none;
+}
+.block-editor-block-preview__live-content .components-button:disabled {
+  opacity: initial;
+}
+.block-editor-block-preview__live-content .components-placeholder,
+.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] {
+  display: none;
+}
+
+.block-editor-block-variation-picker .components-placeholder__instructions {
+  margin-bottom: 0;
+}
+.block-editor-block-variation-picker .components-placeholder__fieldset {
+  flex-direction: column;
+}
+.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset {
+  max-width: 90%;
+}
+
+.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations {
+  display: flex;
+  justify-content: flex-start;
+  flex-direction: row;
+  flex-wrap: wrap;
+  width: 100%;
+  margin: 16px 0;
+  padding: 0;
+  list-style: none;
+}
+.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li {
+  list-style: none;
+  margin: 8px 20px 0 0;
+  flex-shrink: 1;
+  width: 75px;
+  text-align: center;
+}
+.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button {
+  display: inline-flex;
+  margin-right: 0;
+}
+.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation {
+  padding: 8px;
+}
+.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 12px;
+  display: block;
+  line-height: 1.4;
+}
+
+.block-editor-block-variation-picker__variation {
+  width: 100%;
+}
+.block-editor-block-variation-picker__variation.components-button.has-icon {
+  justify-content: center;
+  width: auto;
+}
+.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary {
+  background-color: #fff;
+}
+.block-editor-block-variation-picker__variation.components-button {
+  height: auto;
+  padding: 0;
+}
+.block-editor-block-variation-picker__variation::before {
+  content: "";
+  padding-bottom: 100%;
+}
+.block-editor-block-variation-picker__variation:first-child {
+  margin-left: 0;
+}
+.block-editor-block-variation-picker__variation:last-child {
+  margin-right: 0;
+}
+
 .block-editor-button-block-appender {
   display: flex;
   flex-direction: column;
@@ -590,6 +692,18 @@
 .block-editor-default-block-appender .components-drop-zone__content-icon {
   display: none;
 }
+.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
+  background: #1e1e1e;
+  border-radius: 2px;
+  color: #fff;
+  padding: 0;
+  min-width: 24px;
+  height: 24px;
+}
+.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover {
+  color: #fff;
+  background: var(--wp-admin-theme-color);
+}
 
 .block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter,
 .block-editor-default-block-appender .block-editor-inserter {
@@ -628,6 +742,7 @@
   box-shadow: none;
   height: 24px;
   width: 24px;
+  min-width: 24px;
   display: none;
   padding: 0 !important;
   background: #1e1e1e;
@@ -755,4 +870,169 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 [data-rich-text-script]::before {
   content: "</>";
   background: yellow;
+}
+
+.block-editor-warning {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  padding: 1em;
+  border: 1px solid #1e1e1e;
+  border-radius: 2px;
+  background-color: #fff;
+}
+.block-editor-warning .block-editor-warning__message {
+  line-height: 1.4;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px;
+  color: #1e1e1e;
+  margin: 0;
+}
+.block-editor-warning p.block-editor-warning__message.block-editor-warning__message {
+  min-height: auto;
+}
+.block-editor-warning .block-editor-warning__contents {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  align-items: baseline;
+  width: 100%;
+}
+.block-editor-warning .block-editor-warning__actions {
+  align-items: center;
+  display: flex;
+  margin-top: 1em;
+}
+.block-editor-warning .block-editor-warning__action {
+  margin: 0 8px 0 0;
+}
+
+.block-editor-warning__secondary {
+  margin: auto 0 auto 8px;
+}
+
+.components-popover.block-editor-warning__dropdown {
+  z-index: 99998;
+}
+
+body.admin-color-light {
+  --wp-admin-theme-color: #0085ba;
+  --wp-admin-theme-color--rgb: 0, 133, 186;
+  --wp-admin-theme-color-darker-10: #0073a1;
+  --wp-admin-theme-color-darker-10--rgb: 0, 115, 161;
+  --wp-admin-theme-color-darker-20: #006187;
+  --wp-admin-theme-color-darker-20--rgb: 0, 97, 135;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-light {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-modern {
+  --wp-admin-theme-color: #3858e9;
+  --wp-admin-theme-color--rgb: 56, 88, 233;
+  --wp-admin-theme-color-darker-10: #2145e6;
+  --wp-admin-theme-color-darker-10--rgb: 33, 69, 230;
+  --wp-admin-theme-color-darker-20: #183ad6;
+  --wp-admin-theme-color-darker-20--rgb: 24, 58, 214;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-modern {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-blue {
+  --wp-admin-theme-color: #096484;
+  --wp-admin-theme-color--rgb: 9, 100, 132;
+  --wp-admin-theme-color-darker-10: #07526c;
+  --wp-admin-theme-color-darker-10--rgb: 7, 82, 108;
+  --wp-admin-theme-color-darker-20: #064054;
+  --wp-admin-theme-color-darker-20--rgb: 6, 64, 84;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-blue {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-coffee {
+  --wp-admin-theme-color: #46403c;
+  --wp-admin-theme-color--rgb: 70, 64, 60;
+  --wp-admin-theme-color-darker-10: #383330;
+  --wp-admin-theme-color-darker-10--rgb: 56, 51, 48;
+  --wp-admin-theme-color-darker-20: #2b2724;
+  --wp-admin-theme-color-darker-20--rgb: 43, 39, 36;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-coffee {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-ectoplasm {
+  --wp-admin-theme-color: #523f6d;
+  --wp-admin-theme-color--rgb: 82, 63, 109;
+  --wp-admin-theme-color-darker-10: #46365d;
+  --wp-admin-theme-color-darker-10--rgb: 70, 54, 93;
+  --wp-admin-theme-color-darker-20: #3a2c4d;
+  --wp-admin-theme-color-darker-20--rgb: 58, 44, 77;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-ectoplasm {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-midnight {
+  --wp-admin-theme-color: #e14d43;
+  --wp-admin-theme-color--rgb: 225, 77, 67;
+  --wp-admin-theme-color-darker-10: #dd382d;
+  --wp-admin-theme-color-darker-10--rgb: 221, 56, 45;
+  --wp-admin-theme-color-darker-20: #d02c21;
+  --wp-admin-theme-color-darker-20--rgb: 208, 44, 33;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-midnight {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-ocean {
+  --wp-admin-theme-color: #627c83;
+  --wp-admin-theme-color--rgb: 98, 124, 131;
+  --wp-admin-theme-color-darker-10: #576e74;
+  --wp-admin-theme-color-darker-10--rgb: 87, 110, 116;
+  --wp-admin-theme-color-darker-20: #4c6066;
+  --wp-admin-theme-color-darker-20--rgb: 76, 96, 102;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-ocean {
+    --wp-admin-border-width-focus: 1.5px;
+  }
+}
+
+body.admin-color-sunrise {
+  --wp-admin-theme-color: #dd823b;
+  --wp-admin-theme-color--rgb: 221, 130, 59;
+  --wp-admin-theme-color-darker-10: #d97426;
+  --wp-admin-theme-color-darker-10--rgb: 217, 116, 38;
+  --wp-admin-theme-color-darker-20: #c36922;
+  --wp-admin-theme-color-darker-20--rgb: 195, 105, 34;
+  --wp-admin-border-width-focus: 2px;
+}
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+  body.admin-color-sunrise {
+    --wp-admin-border-width-focus: 1.5px;
+  }
 }