@wordpress/block-library 9.30.0 → 9.30.1-next.6f42e1382.0

package/build-style/post-comments-form/style.css

@@ -134,14 +134,17 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 

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

@@ -166,17 +166,6 @@
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-right: 0;
-  margin-left: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-right: 0;
   flex-shrink: 0;
@@ -219,11 +208,21 @@
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/build-style/search/style.css

@@ -166,17 +166,6 @@
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-left: 0;
-  margin-right: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-left: 0;
   flex-shrink: 0;
@@ -219,11 +208,21 @@
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }

package/build-style/style-rtl.css

@@ -147,11 +147,6 @@
   transform: rotate(-45deg);
 }
 
-.accordion-content__heading {
-  margin-block-start: 0;
-  margin-block-end: 0;
-}
-
 .accordion-content__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -182,7 +177,11 @@
 .is-layout-flow > .wp-block-accordion-panel,
 .wp-block-accordion-panel {
   overflow: hidden;
-  margin: 0;
+}
+
+.wp-block-accordion-panel[inert],
+.wp-block-accordion-panel[aria-hidden=true] {
+  margin-block-start: 0;
 }
 
 .accordion-panel__wrapper {
@@ -1296,15 +1295,16 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   width: fit-content;
 }
 
-.wp-block-form-input__input {
+:where(.wp-block-form-input__input) {
   padding: 0 0.5em;
   font-size: 1em;
   margin-bottom: 0.5em;
 }
-.wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] {
+:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
   min-height: 2em;
   line-height: 2;
-  border: 1px solid;
+  border-width: 1px;
+  border-style: solid;
 }
 
 textarea.wp-block-form-input__input {
@@ -2870,7 +2870,7 @@ html.has-modal-open {
 }
 
 .link-ui-tools {
-  border-top: 1px solid #f0f0f0;
+  outline: 1px solid #f0f0f0;
   padding: 8px;
 }
 
@@ -2977,14 +2977,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   box-sizing: border-box;
 }
 
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 
@@ -3473,17 +3476,6 @@ ul.wp-block-rss.is-grid li {
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-right: 0;
-  margin-left: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-right: 0;
   flex-shrink: 0;
@@ -3526,11 +3518,21 @@ ul.wp-block-rss.is-grid li {
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-right: 0;
+  margin-left: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }
@@ -4233,6 +4235,22 @@ ul.wp-block-rss.is-grid li {
   margin-bottom: 0;
 }
 
+.wp-block-term-template {
+  margin-top: 0;
+  margin-bottom: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+.wp-block-term-template.is-layout-grid, .wp-block-term-template.is-layout-flex {
+  list-style: none;
+  padding: 0;
+}
+
+.wp-block-terms-query .wp-block-term {
+  margin-block-start: 0;
+  margin-block-end: 0;
+}
+
 .wp-block-text-columns {
   display: flex;
 }

package/build-style/style.css

@@ -147,11 +147,6 @@
   transform: rotate(45deg);
 }
 
-.accordion-content__heading {
-  margin-block-start: 0;
-  margin-block-end: 0;
-}
-
 .accordion-content__toggle {
   font-family: inherit;
   font-size: inherit;
@@ -182,7 +177,11 @@
 .is-layout-flow > .wp-block-accordion-panel,
 .wp-block-accordion-panel {
   overflow: hidden;
-  margin: 0;
+}
+
+.wp-block-accordion-panel[inert],
+.wp-block-accordion-panel[aria-hidden=true] {
+  margin-block-start: 0;
 }
 
 .accordion-panel__wrapper {
@@ -1304,15 +1303,16 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
   width: fit-content;
 }
 
-.wp-block-form-input__input {
+:where(.wp-block-form-input__input) {
   padding: 0 0.5em;
   font-size: 1em;
   margin-bottom: 0.5em;
 }
-.wp-block-form-input__input[type=text], .wp-block-form-input__input[type=password], .wp-block-form-input__input[type=date], .wp-block-form-input__input[type=datetime], .wp-block-form-input__input[type=datetime-local], .wp-block-form-input__input[type=email], .wp-block-form-input__input[type=month], .wp-block-form-input__input[type=number], .wp-block-form-input__input[type=search], .wp-block-form-input__input[type=tel], .wp-block-form-input__input[type=time], .wp-block-form-input__input[type=url], .wp-block-form-input__input[type=week] {
+:where(.wp-block-form-input__input)[type=text], :where(.wp-block-form-input__input)[type=password], :where(.wp-block-form-input__input)[type=date], :where(.wp-block-form-input__input)[type=datetime], :where(.wp-block-form-input__input)[type=datetime-local], :where(.wp-block-form-input__input)[type=email], :where(.wp-block-form-input__input)[type=month], :where(.wp-block-form-input__input)[type=number], :where(.wp-block-form-input__input)[type=search], :where(.wp-block-form-input__input)[type=tel], :where(.wp-block-form-input__input)[type=time], :where(.wp-block-form-input__input)[type=url], :where(.wp-block-form-input__input)[type=week] {
   min-height: 2em;
   line-height: 2;
-  border: 1px solid;
+  border-width: 1px;
+  border-style: solid;
 }
 
 textarea.wp-block-form-input__input {
@@ -2900,7 +2900,7 @@ html.has-modal-open {
 }
 
 .link-ui-tools {
-  border-top: 1px solid #f0f0f0;
+  outline: 1px solid #f0f0f0;
   padding: 8px;
 }
 
@@ -3007,14 +3007,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   box-sizing: border-box;
 }
 
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:not([type=submit]) {
-  border: 1px solid #949494;
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:not([type=submit])) {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   font-size: 1em;
   font-family: inherit;
 }
-:where(.wp-block-post-comments-form) textarea,
-:where(.wp-block-post-comments-form) input:where(:not([type=submit]):not([type=checkbox])) {
+
+:where(.wp-block-post-comments-form textarea),
+:where(.wp-block-post-comments-form input:where(:not([type=submit]):not([type=checkbox]))) {
   padding: calc(0.667em + 2px);
 }
 
@@ -3505,17 +3508,6 @@ ul.wp-block-rss.is-grid li {
   width: 100%;
 }
 
-.wp-block-search__input {
-  padding: 8px;
-  flex-grow: 1;
-  margin-left: 0;
-  margin-right: 0;
-  min-width: 3rem;
-  border: 1px solid #949494;
-  text-decoration: unset !important;
-  appearance: initial;
-}
-
 .wp-block-search.wp-block-search__button-only .wp-block-search__button {
   margin-left: 0;
   flex-shrink: 0;
@@ -3558,11 +3550,21 @@ ul.wp-block-rss.is-grid li {
   letter-spacing: inherit;
   text-transform: inherit;
   font-style: inherit;
+  padding: 8px;
+  flex-grow: 1;
+  margin-left: 0;
+  margin-right: 0;
+  min-width: 3rem;
+  border: 1px solid #949494;
+  text-decoration: unset !important;
+  appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
   padding: 4px;
-  border: 1px solid #949494;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #949494;
   background-color: #fff;
   box-sizing: border-box;
 }
@@ -4266,6 +4268,22 @@ ul.wp-block-rss.is-grid li {
   margin-bottom: 0;
 }
 
+.wp-block-term-template {
+  margin-top: 0;
+  margin-bottom: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+.wp-block-term-template.is-layout-grid, .wp-block-term-template.is-layout-flex {
+  list-style: none;
+  padding: 0;
+}
+
+.wp-block-terms-query .wp-block-term {
+  margin-block-start: 0;
+  margin-block-end: 0;
+}
+
 .wp-block-text-columns {
   display: flex;
 }

package/build-style/term-template/editor-rtl.css

@@ -0,0 +1,160 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Typography
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-term-template .term-loading .term-loading-placeholder {
+  width: 100%;
+  height: 1.5em;
+  margin-bottom: 0.25em;
+  background-color: #f0f0f0;
+  border-radius: 2px;
+}
+@media not (prefers-reduced-motion) {
+  .wp-block-term-template .term-loading .term-loading-placeholder {
+    animation: loadingpulse 1.5s ease-in-out infinite;
+  }
+}
+
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}

package/build-style/term-template/editor.css

@@ -0,0 +1,160 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Colors
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Typography
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Mobile specific styles
+ */
+/**
+ * Editor styles.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Typography
+ */
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-term-template .term-loading .term-loading-placeholder {
+  width: 100%;
+  height: 1.5em;
+  margin-bottom: 0.25em;
+  background-color: #f0f0f0;
+  border-radius: 2px;
+}
+@media not (prefers-reduced-motion) {
+  .wp-block-term-template .term-loading .term-loading-placeholder {
+    animation: loadingpulse 1.5s ease-in-out infinite;
+  }
+}
+
+@keyframes loadingpulse {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}