@wordpress/block-library 9.34.1-next.2f1c7c01b.0 → 9.35.0

package/build-style/common.css

@@ -167,16 +167,16 @@
   font-size: var(--wp--preset--font-size--huge);
 }
 
-.has-text-align-center {
+:root .has-text-align-center {
   text-align: center;
 }
 
-.has-text-align-left {
+:root .has-text-align-left {
   /*rtl:ignore*/
   text-align: left;
 }
 
-.has-text-align-right {
+:root .has-text-align-right {
   /*rtl:ignore*/
   text-align: right;
 }

package/build-style/editor-rtl.css

@@ -1112,31 +1112,65 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   top: 0;
   right: 0;
 }
-.block-library-html__edit .block-editor-plain-text {
-  display: block;
-  box-sizing: border-box;
-  max-height: 250px;
-  font-family: Menlo, Consolas, monaco, monospace !important;
-  color: #1e1e1e !important;
-  background: #fff !important;
-  padding: 12px !important;
-  border: 1px solid #1e1e1e !important;
-  box-shadow: none !important;
-  border-radius: 2px !important;
-  font-size: 16px !important;
+
+.block-library-html__modal .components-modal__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  min-height: 70vh;
 }
-@media (min-width: 600px) {
-  .block-library-html__edit .block-editor-plain-text {
-    font-size: 13px !important;
-  }
+.block-library-html__modal .components-modal__children-container {
+  height: 100%;
+  padding: 16px;
 }
-.block-library-html__edit .block-editor-plain-text:focus {
-  border-color: var(--wp-admin-theme-color) !important;
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
-  outline: 2px solid transparent !important;
+
+.block-library-html__modal-tabs {
+  height: 100%;
 }
-.block-library-html__edit .block-editor-plain-text {
+
+.block-library-html__modal-tab {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  box-sizing: border-box;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+  padding: 16px;
+  font-family: Menlo, Consolas, monaco, monospace;
+}
+
+.block-library-html__modal-editor {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  resize: none;
   direction: ltr;
+  overflow-x: auto;
+  box-sizing: border-box;
+}
+.block-library-html__modal-editor:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.block-library-html__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+}
+
+.block-library-html__modal-actions {
+  margin-top: 16px;
+  padding: 0 32px 32px;
 }
 
 .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small {
@@ -1986,6 +2020,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   text-transform: uppercase;
 }
 
+/**
+ * Error text styling for missing entity help text.
+ */
+.navigation-link-control__error-text {
+  color: #cc1818;
+}
+
 .wp-block-navigation-submenu {
   display: block;
 }

package/build-style/editor.css

@@ -1118,32 +1118,66 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   top: 0;
   left: 0;
 }
-.block-library-html__edit .block-editor-plain-text {
-  display: block;
-  box-sizing: border-box;
-  max-height: 250px;
-  font-family: Menlo, Consolas, monaco, monospace !important;
-  color: #1e1e1e !important;
-  background: #fff !important;
-  padding: 12px !important;
-  border: 1px solid #1e1e1e !important;
-  box-shadow: none !important;
-  border-radius: 2px !important;
-  font-size: 16px !important;
+
+.block-library-html__modal .components-modal__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  min-height: 70vh;
 }
-@media (min-width: 600px) {
-  .block-library-html__edit .block-editor-plain-text {
-    font-size: 13px !important;
-  }
+.block-library-html__modal .components-modal__children-container {
+  height: 100%;
+  padding: 16px;
 }
-.block-library-html__edit .block-editor-plain-text:focus {
-  border-color: var(--wp-admin-theme-color) !important;
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
-  outline: 2px solid transparent !important;
+
+.block-library-html__modal-tabs {
+  height: 100%;
 }
-.block-library-html__edit .block-editor-plain-text {
+
+.block-library-html__modal-tab {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  box-sizing: border-box;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+  padding: 16px;
+  font-family: Menlo, Consolas, monaco, monospace;
+}
+
+.block-library-html__modal-editor {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  resize: none;
   /*rtl:ignore*/
   direction: ltr;
+  overflow-x: auto;
+  box-sizing: border-box;
+}
+.block-library-html__modal-editor:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.block-library-html__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+}
+
+.block-library-html__modal-actions {
+  margin-top: 16px;
+  padding: 0 32px 32px;
 }
 
 .wp-block-image.wp-block-image .block-editor-media-placeholder.is-small {
@@ -1994,6 +2028,13 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   text-transform: uppercase;
 }
 
+/**
+ * Error text styling for missing entity help text.
+ */
+.navigation-link-control__error-text {
+  color: #cc1818;
+}
+
 .wp-block-navigation-submenu {
   display: block;
 }

package/build-style/embed/style-rtl.css

@@ -102,6 +102,11 @@
   min-height: 240px;
 }
 
+.wp-block-group.is-layout-flex .wp-block-embed {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 .wp-block-embed {
   overflow-wrap: break-word;
 }

package/build-style/embed/style.css

@@ -102,6 +102,11 @@
   min-height: 240px;
 }
 
+.wp-block-group.is-layout-flex .wp-block-embed {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 .wp-block-embed {
   overflow-wrap: break-word;
 }

package/build-style/html/editor-rtl.css

@@ -90,29 +90,63 @@
   top: 0;
   right: 0;
 }
-.block-library-html__edit .block-editor-plain-text {
-  display: block;
-  box-sizing: border-box;
-  max-height: 250px;
-  font-family: Menlo, Consolas, monaco, monospace !important;
-  color: #1e1e1e !important;
-  background: #fff !important;
-  padding: 12px !important;
-  border: 1px solid #1e1e1e !important;
-  box-shadow: none !important;
-  border-radius: 2px !important;
-  font-size: 16px !important;
+
+.block-library-html__modal .components-modal__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  min-height: 70vh;
+}
+.block-library-html__modal .components-modal__children-container {
+  height: 100%;
+  padding: 16px;
 }
-@media (min-width: 600px) {
-  .block-library-html__edit .block-editor-plain-text {
-    font-size: 13px !important;
-  }
+
+.block-library-html__modal-tabs {
+  height: 100%;
 }
-.block-library-html__edit .block-editor-plain-text:focus {
-  border-color: var(--wp-admin-theme-color) !important;
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
-  outline: 2px solid transparent !important;
+
+.block-library-html__modal-tab {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  box-sizing: border-box;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+  padding: 16px;
+  font-family: Menlo, Consolas, monaco, monospace;
 }
-.block-library-html__edit .block-editor-plain-text {
+
+.block-library-html__modal-editor {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  resize: none;
   direction: ltr;
+  overflow-x: auto;
+  box-sizing: border-box;
+}
+.block-library-html__modal-editor:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.block-library-html__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+}
+
+.block-library-html__modal-actions {
+  margin-top: 16px;
+  padding: 0 32px 32px;
 }

package/build-style/html/editor.css

@@ -90,30 +90,64 @@
   top: 0;
   left: 0;
 }
-.block-library-html__edit .block-editor-plain-text {
-  display: block;
-  box-sizing: border-box;
-  max-height: 250px;
-  font-family: Menlo, Consolas, monaco, monospace !important;
-  color: #1e1e1e !important;
-  background: #fff !important;
-  padding: 12px !important;
-  border: 1px solid #1e1e1e !important;
-  box-shadow: none !important;
-  border-radius: 2px !important;
-  font-size: 16px !important;
+
+.block-library-html__modal .components-modal__content {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+  min-height: 70vh;
+}
+.block-library-html__modal .components-modal__children-container {
+  height: 100%;
+  padding: 16px;
 }
-@media (min-width: 600px) {
-  .block-library-html__edit .block-editor-plain-text {
-    font-size: 13px !important;
-  }
+
+.block-library-html__modal-tabs {
+  height: 100%;
 }
-.block-library-html__edit .block-editor-plain-text:focus {
-  border-color: var(--wp-admin-theme-color) !important;
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
-  outline: 2px solid transparent !important;
+
+.block-library-html__modal-tab {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  box-sizing: border-box;
+  border: 1px solid #e0e0e0;
+  border-radius: 2px;
+  padding: 16px;
+  font-family: Menlo, Consolas, monaco, monospace;
 }
-.block-library-html__edit .block-editor-plain-text {
+
+.block-library-html__modal-editor {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+  color: inherit;
+  resize: none;
   /*rtl:ignore*/
   direction: ltr;
+  overflow-x: auto;
+  box-sizing: border-box;
+}
+.block-library-html__modal-editor:focus {
+  outline: none;
+  box-shadow: none;
+}
+
+.block-library-html__preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 48px;
+}
+
+.block-library-html__modal-actions {
+  margin-top: 16px;
+  padding: 0 32px 32px;
 }

package/build-style/navigation-link/editor-rtl.css

@@ -151,4 +151,11 @@
 .link-ui-page-creator__back {
   margin-right: 8px;
   text-transform: uppercase;
+}
+
+/**
+ * Error text styling for missing entity help text.
+ */
+.navigation-link-control__error-text {
+  color: #cc1818;
 }

package/build-style/navigation-link/editor.css

@@ -151,4 +151,11 @@
 .link-ui-page-creator__back {
   margin-left: 8px;
   text-transform: uppercase;
+}
+
+/**
+ * Error text styling for missing entity help text.
+ */
+.navigation-link-control__error-text {
+  color: #cc1818;
 }

package/build-style/style-rtl.css

@@ -21,6 +21,11 @@
   }
 }
 
+.wp-block-accordion-heading.wp-block-accordion-heading {
+  min-width: 100%;
+  margin: 0;
+}
+
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -31,21 +36,32 @@
   text-decoration: inherit;
   word-spacing: inherit;
   font-style: inherit;
-  background: none;
   border: none;
-  color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   overflow: hidden;
   display: flex;
   align-items: center;
   text-align: inherit;
-  position: relative;
   width: 100%;
+  background-color: inherit !important;
+  color: inherit !important;
 }
 .wp-block-accordion-heading__toggle:not(:focus-visible) {
   outline: none;
 }
+.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
+  text-decoration: none;
+  background-color: inherit !important;
+  box-shadow: none;
+  color: inherit;
+  border: none;
+  padding: var(--wp--preset--spacing--20, 1em) 0;
+}
+.wp-block-accordion-heading__toggle:focus-visible {
+  outline: auto;
+  outline-offset: 0;
+}
 .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
   text-decoration: underline;
 }
@@ -62,7 +78,10 @@
   justify-content: center;
 }
 
-.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel.wp-block-accordion-panel {
+  min-width: 100%;
+}
+.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }
@@ -1150,6 +1169,11 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   min-height: 240px;
 }
 
+.wp-block-group.is-layout-flex .wp-block-embed {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 .wp-block-embed {
   overflow-wrap: break-word;
 }
@@ -4597,15 +4621,15 @@ a[data-fn].fn::after {
   font-size: var(--wp--preset--font-size--huge);
 }
 
-.has-text-align-center {
+:root .has-text-align-center {
   text-align: center;
 }
 
-.has-text-align-left {
+:root .has-text-align-left {
   text-align: left;
 }
 
-.has-text-align-right {
+:root .has-text-align-right {
   text-align: right;
 }
 

package/build-style/style.css

@@ -21,6 +21,11 @@
   }
 }
 
+.wp-block-accordion-heading.wp-block-accordion-heading {
+  min-width: 100%;
+  margin: 0;
+}
+
 .wp-block-accordion-heading__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -31,21 +36,32 @@
   text-decoration: inherit;
   word-spacing: inherit;
   font-style: inherit;
-  background: none;
   border: none;
-  color: inherit;
   padding: var(--wp--preset--spacing--20, 1em) 0;
   cursor: pointer;
   overflow: hidden;
   display: flex;
   align-items: center;
   text-align: inherit;
-  position: relative;
   width: 100%;
+  background-color: inherit !important;
+  color: inherit !important;
 }
 .wp-block-accordion-heading__toggle:not(:focus-visible) {
   outline: none;
 }
+.wp-block-accordion-heading__toggle:hover, .wp-block-accordion-heading__toggle:focus {
+  text-decoration: none;
+  background-color: inherit !important;
+  box-shadow: none;
+  color: inherit;
+  border: none;
+  padding: var(--wp--preset--spacing--20, 1em) 0;
+}
+.wp-block-accordion-heading__toggle:focus-visible {
+  outline: auto;
+  outline-offset: 0;
+}
 .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
   text-decoration: underline;
 }
@@ -62,7 +78,10 @@
   justify-content: center;
 }
 
-.wp-block-accordion-panel[inert], .wp-block-accordion-panel[aria-hidden=true] {
+.wp-block-accordion-panel.wp-block-accordion-panel {
+  min-width: 100%;
+}
+.wp-block-accordion-panel.wp-block-accordion-panel[inert], .wp-block-accordion-panel.wp-block-accordion-panel[aria-hidden=true] {
   display: none;
   margin-block-start: 0;
 }
@@ -1157,6 +1176,11 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   min-height: 240px;
 }
 
+.wp-block-group.is-layout-flex .wp-block-embed {
+  flex: 1 1 0%;
+  min-width: 0;
+}
+
 .wp-block-embed {
   overflow-wrap: break-word;
 }
@@ -4630,16 +4654,16 @@ a[data-fn].fn::after {
   font-size: var(--wp--preset--font-size--huge);
 }
 
-.has-text-align-center {
+:root .has-text-align-center {
   text-align: center;
 }
 
-.has-text-align-left {
+:root .has-text-align-left {
   /*rtl:ignore*/
   text-align: left;
 }
 
-.has-text-align-right {
+:root .has-text-align-right {
   /*rtl:ignore*/
   text-align: right;
 }