@wordpress/block-library 9.48.0 → 10.0.0

package/build-style/style-rtl.css

@@ -679,6 +679,7 @@
 .wp-block-comment-template.aligncenter {
   margin-right: auto;
   margin-left: auto;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-comment-template.alignright {
@@ -1000,7 +1001,8 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;
@@ -1313,6 +1315,7 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
   flex-direction: row;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
@@ -1324,6 +1327,7 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 
 .wp-block-form-input__label-content {
+  width: -moz-fit-content;
   width: fit-content;
 }
 
@@ -1426,7 +1430,8 @@ textarea.wp-block-form-input__input {
   width: 100%;
   height: 100%;
   flex: 1;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -1671,7 +1676,8 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;
@@ -1759,6 +1765,15 @@ h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
   box-sizing: border-box;
   fill: currentColor;
 }
+.wp-block-icon svg.is-flip-horizontal {
+  transform: scaleX(-1);
+}
+.wp-block-icon svg.is-flip-vertical {
+  transform: scaleY(-1);
+}
+.wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
+  transform: scaleX(-1) scaleY(-1);
+}
 
 :where(.wp-block-icon) svg {
   width: 100%;
@@ -2431,7 +2446,8 @@ ul {
   position: absolute;
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 /*
@@ -3551,6 +3567,9 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-artist-is-hidden .wp-block-playlist-track__artist {
   display: none;
 }
+.wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-length-is-hidden .wp-block-playlist-track__length {
+  display: none;
+}
 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-show-numbers {
   counter-reset: playlist-track;
 }
@@ -4048,6 +4067,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 
 .wp-block-read-more {
   display: block;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-read-more:where(:not([style*=text-decoration])) {
@@ -4183,7 +4203,9 @@ ul.wp-block-rss.is-grid li {
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  appearance: initial;
+  -webkit-appearance: initial;
+     -moz-appearance: initial;
+          appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
@@ -4749,10 +4771,11 @@ ul.wp-block-rss.is-grid li {
   text-decoration: none !important;
 }
 
-.wp-block-tab {
+:where(.wp-block-tab-list button) {
   box-sizing: border-box;
   color: inherit;
   display: block;
+  width: -moz-max-content;
   width: max-content;
   text-decoration: none;
   cursor: pointer;
@@ -4761,7 +4784,8 @@ ul.wp-block-rss.is-grid li {
   position: relative;
   border: none;
   background: none;
-  appearance: none;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
   margin: 0;
   padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
@@ -4773,7 +4797,7 @@ ul.wp-block-rss.is-grid li {
   text-transform: inherit;
   text-align: inherit;
 }
-.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+:where(.wp-block-tab-list button)[aria-selected=true]::before {
   content: "";
   position: absolute;
   border-bottom: 2px solid currentColor;
@@ -4783,32 +4807,10 @@ ul.wp-block-rss.is-grid li {
   bottom: 0;
 }
 
-.wp-block-tab-panel {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
-  box-sizing: border-box;
-}
-.wp-block-tab-panel > *:first-child {
-  margin-top: 0;
-}
-.wp-block-tab-panel > *:last-child {
-  margin-bottom: 0;
-}
 .wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
 }
 
-.wp-block-tab-panel.wp-block.has-background,
-.wp-block-tab-panel:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
-}
-
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}
-
 .wp-block-table {
   overflow-x: auto;
 }
@@ -5026,7 +5028,8 @@ pre.wp-block-verse {
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {
@@ -5225,43 +5228,63 @@ html :where(.has-border-color) {
   border-style: solid;
 }
 
-html :where([style*=border-color]) {
+html :where([style^=border-color],
+[style*=";border-color"],
+[style*="; border-color"]) {
   border-style: solid;
 }
 
-html :where([style*=border-top-color]) {
+html :where([style^=border-top-color],
+[style*=";border-top-color"],
+[style*="; border-top-color"]) {
   border-top-style: solid;
 }
 
-html :where([style*=border-right-color]) {
+html :where([style^=border-right-color],
+[style*=";border-right-color"],
+[style*="; border-right-color"]) {
   border-right-style: solid;
 }
 
-html :where([style*=border-bottom-color]) {
+html :where([style^=border-bottom-color],
+[style*=";border-bottom-color"],
+[style*="; border-bottom-color"]) {
   border-bottom-style: solid;
 }
 
-html :where([style*=border-left-color]) {
+html :where([style^=border-left-color],
+[style*=";border-left-color"],
+[style*="; border-left-color"]) {
   border-left-style: solid;
 }
 
-html :where([style*=border-width]) {
+html :where([style^=border-width],
+[style*=";border-width"],
+[style*="; border-width"]) {
   border-style: solid;
 }
 
-html :where([style*=border-top-width]) {
+html :where([style^=border-top-width],
+[style*=";border-top-width"],
+[style*="; border-top-width"]) {
   border-top-style: solid;
 }
 
-html :where([style*=border-right-width]) {
+html :where([style^=border-right-width],
+[style*=";border-right-width"],
+[style*="; border-right-width"]) {
   border-right-style: solid;
 }
 
-html :where([style*=border-bottom-width]) {
+html :where([style^=border-bottom-width],
+[style*=";border-bottom-width"],
+[style*="; border-bottom-width"]) {
   border-bottom-style: solid;
 }
 
-html :where([style*=border-left-width]) {
+html :where([style^=border-left-width],
+[style*=";border-left-width"],
+[style*="; border-left-width"]) {
   border-left-style: solid;
 }
 

package/build-style/style.css

@@ -684,6 +684,7 @@
 .wp-block-comment-template.aligncenter {
   margin-left: auto;
   margin-right: auto;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-comment-template.alignright {
@@ -1007,7 +1008,8 @@
   height: 100%;
   max-width: none;
   max-height: none;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   outline: none;
   border: none;
   box-shadow: none;
@@ -1321,6 +1323,7 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 .wp-block-form-input__label:has(input[type=checkbox]) {
   flex-direction: row;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-form-input__label:has(input[type=checkbox]) .wp-block-form-input__label-content {
@@ -1332,6 +1335,7 @@ body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-blo
 }
 
 .wp-block-form-input__label-content {
+  width: -moz-fit-content;
   width: fit-content;
 }
 
@@ -1434,7 +1438,8 @@ textarea.wp-block-form-input__input {
   width: 100%;
   height: 100%;
   flex: 1;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
 .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
@@ -1679,7 +1684,8 @@ figure.wp-block-gallery.has-nested-images {
   width: 100%;
   flex: 1 0 0%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
   width: 100%;
@@ -1767,6 +1773,15 @@ h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
   box-sizing: border-box;
   fill: currentColor;
 }
+.wp-block-icon svg.is-flip-horizontal {
+  transform: scaleX(-1);
+}
+.wp-block-icon svg.is-flip-vertical {
+  transform: scaleY(-1);
+}
+.wp-block-icon svg.is-flip-horizontal.is-flip-vertical {
+  transform: scaleX(-1) scaleY(-1);
+}
 
 :where(.wp-block-icon) svg {
   width: 100%;
@@ -2461,7 +2476,8 @@ ul {
   position: absolute;
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 /*
@@ -3581,6 +3597,9 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-artist-is-hidden .wp-block-playlist-track__artist {
   display: none;
 }
+.wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-length-is-hidden .wp-block-playlist-track__length {
+  display: none;
+}
 .wp-block-playlist .wp-block-playlist__tracklist.wp-block-playlist__tracklist-show-numbers {
   counter-reset: playlist-track;
 }
@@ -4078,6 +4097,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 
 .wp-block-read-more {
   display: block;
+  width: -moz-fit-content;
   width: fit-content;
 }
 .wp-block-read-more:where(:not([style*=text-decoration])) {
@@ -4215,7 +4235,9 @@ ul.wp-block-rss.is-grid li {
   min-width: 3rem;
   border: 1px solid #949494;
   text-decoration: unset !important;
-  appearance: initial;
+  -webkit-appearance: initial;
+     -moz-appearance: initial;
+          appearance: initial;
 }
 
 :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
@@ -4782,10 +4804,11 @@ ul.wp-block-rss.is-grid li {
   text-decoration: none !important;
 }
 
-.wp-block-tab {
+:where(.wp-block-tab-list button) {
   box-sizing: border-box;
   color: inherit;
   display: block;
+  width: -moz-max-content;
   width: max-content;
   text-decoration: none;
   cursor: pointer;
@@ -4794,7 +4817,8 @@ ul.wp-block-rss.is-grid li {
   position: relative;
   border: none;
   background: none;
-  appearance: none;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
   margin: 0;
   padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
@@ -4806,7 +4830,7 @@ ul.wp-block-rss.is-grid li {
   text-transform: inherit;
   text-align: inherit;
 }
-.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+:where(.wp-block-tab-list button)[aria-selected=true]::before {
   content: "";
   position: absolute;
   border-bottom: 2px solid currentColor;
@@ -4816,32 +4840,10 @@ ul.wp-block-rss.is-grid li {
   bottom: 0;
 }
 
-.wp-block-tab-panel {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
-  box-sizing: border-box;
-}
-.wp-block-tab-panel > *:first-child {
-  margin-top: 0;
-}
-.wp-block-tab-panel > *:last-child {
-  margin-bottom: 0;
-}
 .wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
 }
 
-.wp-block-tab-panel.wp-block.has-background,
-.wp-block-tab-panel:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
-}
-
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}
-
 .wp-block-table {
   overflow-x: auto;
 }
@@ -5059,7 +5061,8 @@ pre.wp-block-verse {
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {
@@ -5260,46 +5263,66 @@ html :where(.has-border-color) {
   border-style: solid;
 }
 
-html :where([style*=border-color]) {
+html :where([style^=border-color],
+[style*=";border-color"],
+[style*="; border-color"]) {
   border-style: solid;
 }
 
-html :where([style*=border-top-color]) {
+html :where([style^=border-top-color],
+[style*=";border-top-color"],
+[style*="; border-top-color"]) {
   border-top-style: solid;
 }
 
-html :where([style*=border-right-color]) {
+html :where([style^=border-right-color],
+[style*=";border-right-color"],
+[style*="; border-right-color"]) {
   /*rtl:ignore*/
   border-right-style: solid;
 }
 
-html :where([style*=border-bottom-color]) {
+html :where([style^=border-bottom-color],
+[style*=";border-bottom-color"],
+[style*="; border-bottom-color"]) {
   border-bottom-style: solid;
 }
 
-html :where([style*=border-left-color]) {
+html :where([style^=border-left-color],
+[style*=";border-left-color"],
+[style*="; border-left-color"]) {
   /*rtl:ignore*/
   border-left-style: solid;
 }
 
-html :where([style*=border-width]) {
+html :where([style^=border-width],
+[style*=";border-width"],
+[style*="; border-width"]) {
   border-style: solid;
 }
 
-html :where([style*=border-top-width]) {
+html :where([style^=border-top-width],
+[style*=";border-top-width"],
+[style*="; border-top-width"]) {
   border-top-style: solid;
 }
 
-html :where([style*=border-right-width]) {
+html :where([style^=border-right-width],
+[style*=";border-right-width"],
+[style*="; border-right-width"]) {
   /*rtl:ignore*/
   border-right-style: solid;
 }
 
-html :where([style*=border-bottom-width]) {
+html :where([style^=border-bottom-width],
+[style*=";border-bottom-width"],
+[style*="; border-bottom-width"]) {
   border-bottom-style: solid;
 }
 
-html :where([style*=border-left-width]) {
+html :where([style^=border-left-width],
+[style*=";border-left-width"],
+[style*="; border-left-width"]) {
   /*rtl:ignore*/
   border-left-style: solid;
 }

package/build-style/{tab → tab-list}/style-rtl.css

@@ -1,7 +1,8 @@
-.wp-block-tab {
+:where(.wp-block-tab-list button) {
   box-sizing: border-box;
   color: inherit;
   display: block;
+  width: -moz-max-content;
   width: max-content;
   text-decoration: none;
   cursor: pointer;
@@ -10,7 +11,8 @@
   position: relative;
   border: none;
   background: none;
-  appearance: none;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
   margin: 0;
   padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
@@ -22,7 +24,7 @@
   text-transform: inherit;
   text-align: inherit;
 }
-.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+:where(.wp-block-tab-list button)[aria-selected=true]::before {
   content: "";
   position: absolute;
   border-bottom: 2px solid currentColor;

package/build-style/{tab → tab-list}/style.css

@@ -1,7 +1,8 @@
-.wp-block-tab {
+:where(.wp-block-tab-list button) {
   box-sizing: border-box;
   color: inherit;
   display: block;
+  width: -moz-max-content;
   width: max-content;
   text-decoration: none;
   cursor: pointer;
@@ -10,7 +11,8 @@
   position: relative;
   border: none;
   background: none;
-  appearance: none;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
   margin: 0;
   padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
@@ -22,7 +24,7 @@
   text-transform: inherit;
   text-align: inherit;
 }
-.wp-block-tab[aria-selected=true]::before, .wp-block-tab.is-active::before {
+:where(.wp-block-tab-list button)[aria-selected=true]::before {
   content: "";
   position: absolute;
   border-bottom: 2px solid currentColor;

package/build-style/tab-panel/style-rtl.css

@@ -1,20 +1,3 @@
-.wp-block-tab-panel {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
-  box-sizing: border-box;
-}
-.wp-block-tab-panel > *:first-child {
-  margin-top: 0;
-}
-.wp-block-tab-panel > *:last-child {
-  margin-bottom: 0;
-}
 .wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
-}
-
-.wp-block-tab-panel.wp-block.has-background,
-.wp-block-tab-panel:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
 }

package/build-style/tab-panel/style.css

@@ -1,20 +1,3 @@
-.wp-block-tab-panel {
-  max-width: 100%;
-  flex-basis: 100%;
-  flex-grow: 1;
-  box-sizing: border-box;
-}
-.wp-block-tab-panel > *:first-child {
-  margin-top: 0;
-}
-.wp-block-tab-panel > *:last-child {
-  margin-bottom: 0;
-}
 .wp-block-tab-panel[hidden], .wp-block-tab-panel:empty {
   display: none !important;
-}
-
-.wp-block-tab-panel.wp-block.has-background,
-.wp-block-tab-panel:not(.wp-block).has-background {
-  padding: var(--wp--preset--spacing--30);
 }

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

@@ -91,16 +91,20 @@
   z-index: 1000001;
 }
 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
-  column-count: 2;
-  column-gap: 24px;
+  -moz-column-count: 2;
+       column-count: 2;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
 }
 @media (min-width: 1280px) {
   .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
-    column-count: 3;
+    -moz-column-count: 3;
+         column-count: 3;
   }
 }
 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  break-inside: avoid-column;
+  -moz-column-break-inside: avoid;
+       break-inside: avoid-column;
 }
 
 .block-library-template-part__selection-search {

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

@@ -91,16 +91,20 @@
   z-index: 1000001;
 }
 .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
-  column-count: 2;
-  column-gap: 24px;
+  -moz-column-count: 2;
+       column-count: 2;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
 }
 @media (min-width: 1280px) {
   .block-editor-template-part__selection-modal .block-editor-block-patterns-list {
-    column-count: 3;
+    -moz-column-count: 3;
+         column-count: 3;
   }
 }
 .block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
-  break-inside: avoid-column;
+  -moz-column-break-inside: avoid;
+       break-inside: avoid-column;
 }
 
 .block-library-template-part__selection-search {

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

@@ -97,7 +97,8 @@
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {

package/build-style/video/style.css

@@ -97,7 +97,8 @@
 }
 @supports (position: sticky) {
   .wp-block-video [poster] {
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 }
 .wp-block-video.aligncenter {