@wordpress/block-library 6.0.1 → 6.0.5

package/build-module/verse/deprecated.js

@@ -1,22 +1,31 @@
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { RichText } from '@wordpress/block-editor';
-const blockAttributes = {
-  content: {
-    type: 'string',
-    source: 'html',
-    selector: 'pre',
-    default: ''
+
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import migrateFontFamily from '../utils/migrate-font-family';
+const v1 = {
+  attributes: {
+    content: {
+      type: 'string',
+      source: 'html',
+      selector: 'pre',
+      default: ''
+    },
+    textAlign: {
+      type: 'string'
+    }
   },
-  textAlign: {
-    type: 'string'
-  }
-};
-const deprecated = [{
-  attributes: blockAttributes,
 
   save({
     attributes
@@ -34,6 +43,72 @@ const deprecated = [{
     });
   }
 
-}];
-export default deprecated;
+};
+const v2 = {
+  attributes: {
+    content: {
+      type: 'string',
+      source: 'html',
+      selector: 'pre',
+      default: '',
+      __unstablePreserveWhiteSpace: true,
+      __experimentalRole: 'content'
+    },
+    textAlign: {
+      type: 'string'
+    }
+  },
+  supports: {
+    anchor: true,
+    color: {
+      gradients: true,
+      link: true
+    },
+    typography: {
+      fontSize: true,
+      __experimentalFontFamily: true
+    },
+    spacing: {
+      padding: true
+    }
+  },
+
+  save({
+    attributes
+  }) {
+    const {
+      textAlign,
+      content
+    } = attributes;
+    const className = classnames({
+      [`has-text-align-${textAlign}`]: textAlign
+    });
+    return createElement("pre", useBlockProps.save({
+      className
+    }), createElement(RichText.Content, {
+      value: content
+    }));
+  },
+
+  migrate: migrateFontFamily,
+
+  isEligible({
+    style
+  }) {
+    var _style$typography;
+
+    return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
+  }
+
+};
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+
+export default [v2, v1];
 //# sourceMappingURL=deprecated.js.map

package/build-module/verse/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/verse/deprecated.js"],"names":["RichText","blockAttributes","content","type","source","selector","default","textAlign","deprecated","attributes","save"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,QAAyB,yBAAzB;AAEA,MAAMC,eAAe,GAAG;AACvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,IAAI,EAAE,QADE;AAERC,IAAAA,MAAM,EAAE,MAFA;AAGRC,IAAAA,QAAQ,EAAE,KAHF;AAIRC,IAAAA,OAAO,EAAE;AAJD,GADc;AAOvBC,EAAAA,SAAS,EAAE;AACVJ,IAAAA,IAAI,EAAE;AADI;AAPY,CAAxB;AAYA,MAAMK,UAAU,GAAG,CAClB;AACCC,EAAAA,UAAU,EAAER,eADb;;AAECS,EAAAA,IAAI,CAAE;AAAED,IAAAA;AAAF,GAAF,EAAmB;AACtB,UAAM;AAAEF,MAAAA,SAAF;AAAaL,MAAAA;AAAb,QAAyBO,UAA/B;AAEA,WACC,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,KADT;AAEC,MAAA,KAAK,EAAG;AAAEF,QAAAA;AAAF,OAFT;AAGC,MAAA,KAAK,EAAGL;AAHT,MADD;AAOA;;AAZF,CADkB,CAAnB;AAiBA,eAAeM,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\n\nconst blockAttributes = {\n\tcontent: {\n\t\ttype: 'string',\n\t\tsource: 'html',\n\t\tselector: 'pre',\n\t\tdefault: '',\n\t},\n\ttextAlign: {\n\t\ttype: 'string',\n\t},\n};\n\nconst deprecated = [\n\t{\n\t\tattributes: blockAttributes,\n\t\tsave( { attributes } ) {\n\t\t\tconst { textAlign, content } = attributes;\n\n\t\t\treturn (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"pre\"\n\t\t\t\t\tstyle={ { textAlign } }\n\t\t\t\t\tvalue={ content }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/verse/deprecated.js"],"names":["classnames","RichText","useBlockProps","migrateFontFamily","v1","attributes","content","type","source","selector","default","textAlign","save","v2","__unstablePreserveWhiteSpace","__experimentalRole","supports","anchor","color","gradients","link","typography","fontSize","__experimentalFontFamily","spacing","padding","className","migrate","isEligible","style","fontFamily"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,8BAA9B;AAEA,MAAMC,EAAE,GAAG;AACVC,EAAAA,UAAU,EAAE;AACXC,IAAAA,OAAO,EAAE;AACRC,MAAAA,IAAI,EAAE,QADE;AAERC,MAAAA,MAAM,EAAE,MAFA;AAGRC,MAAAA,QAAQ,EAAE,KAHF;AAIRC,MAAAA,OAAO,EAAE;AAJD,KADE;AAOXC,IAAAA,SAAS,EAAE;AACVJ,MAAAA,IAAI,EAAE;AADI;AAPA,GADF;;AAYVK,EAAAA,IAAI,CAAE;AAAEP,IAAAA;AAAF,GAAF,EAAmB;AACtB,UAAM;AAAEM,MAAAA,SAAF;AAAaL,MAAAA;AAAb,QAAyBD,UAA/B;AAEA,WACC,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,KADT;AAEC,MAAA,KAAK,EAAG;AAAEM,QAAAA;AAAF,OAFT;AAGC,MAAA,KAAK,EAAGL;AAHT,MADD;AAOA;;AAtBS,CAAX;AAyBA,MAAMO,EAAE,GAAG;AACVR,EAAAA,UAAU,EAAE;AACXC,IAAAA,OAAO,EAAE;AACRC,MAAAA,IAAI,EAAE,QADE;AAERC,MAAAA,MAAM,EAAE,MAFA;AAGRC,MAAAA,QAAQ,EAAE,KAHF;AAIRC,MAAAA,OAAO,EAAE,EAJD;AAKRI,MAAAA,4BAA4B,EAAE,IALtB;AAMRC,MAAAA,kBAAkB,EAAE;AANZ,KADE;AASXJ,IAAAA,SAAS,EAAE;AACVJ,MAAAA,IAAI,EAAE;AADI;AATA,GADF;AAcVS,EAAAA,QAAQ,EAAE;AACTC,IAAAA,MAAM,EAAE,IADC;AAETC,IAAAA,KAAK,EAAE;AACNC,MAAAA,SAAS,EAAE,IADL;AAENC,MAAAA,IAAI,EAAE;AAFA,KAFE;AAMTC,IAAAA,UAAU,EAAE;AACXC,MAAAA,QAAQ,EAAE,IADC;AAEXC,MAAAA,wBAAwB,EAAE;AAFf,KANH;AAUTC,IAAAA,OAAO,EAAE;AACRC,MAAAA,OAAO,EAAE;AADD;AAVA,GAdA;;AA4BVb,EAAAA,IAAI,CAAE;AAAEP,IAAAA;AAAF,GAAF,EAAmB;AACtB,UAAM;AAAEM,MAAAA,SAAF;AAAaL,MAAAA;AAAb,QAAyBD,UAA/B;AAEA,UAAMqB,SAAS,GAAG1B,UAAU,CAAE;AAC7B,OAAG,kBAAkBW,SAAW,EAAhC,GAAqCA;AADR,KAAF,CAA5B;AAIA,WACC,qBAAUT,aAAa,CAACU,IAAd,CAAoB;AAAEc,MAAAA;AAAF,KAApB,CAAV,EACC,cAAC,QAAD,CAAU,OAAV;AAAkB,MAAA,KAAK,EAAGpB;AAA1B,MADD,CADD;AAKA,GAxCS;;AAyCVqB,EAAAA,OAAO,EAAExB,iBAzCC;;AA0CVyB,EAAAA,UAAU,CAAE;AAAEC,IAAAA;AAAF,GAAF,EAAc;AAAA;;AACvB,WAAOA,KAAP,aAAOA,KAAP,4CAAOA,KAAK,CAAER,UAAd,sDAAO,kBAAmBS,UAA1B;AACA;;AA5CS,CAAX;AA+CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,CAAEjB,EAAF,EAAMT,EAAN,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport migrateFontFamily from '../utils/migrate-font-family';\n\nconst v1 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\treturn (\n\t\t\t<RichText.Content\n\t\t\t\ttagName=\"pre\"\n\t\t\t\tstyle={ { textAlign } }\n\t\t\t\tvalue={ content }\n\t\t\t/>\n\t\t);\n\t},\n};\n\nconst v2 = {\n\tattributes: {\n\t\tcontent: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'pre',\n\t\t\tdefault: '',\n\t\t\t__unstablePreserveWhiteSpace: true,\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\ttextAlign: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\tanchor: true,\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t},\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t},\n\t\tspacing: {\n\t\t\tpadding: true,\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst { textAlign, content } = attributes;\n\n\t\tconst className = classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} );\n\n\t\treturn (\n\t\t\t<pre { ...useBlockProps.save( { className } ) }>\n\t\t\t\t<RichText.Content value={ content } />\n\t\t\t</pre>\n\t\t);\n\t},\n\tmigrate: migrateFontFamily,\n\tisEligible( { style } ) {\n\t\treturn style?.typography?.fontFamily;\n\t},\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v2, v1 ];\n"]}

package/build-module/verse/index.js

@@ -38,7 +38,16 @@ const metadata = {
     },
     typography: {
       fontSize: true,
-      __experimentalFontFamily: true
+      __experimentalFontFamily: true,
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true,
+        fontAppearance: true
+      }
     },
     spacing: {
       padding: true

package/build-module/verse/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/verse/index.js"],"names":["__","verse","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACX;AACA;AACAC,MAAAA,OAAO,EAAEZ,EAAE,CACV,yOADU;AAGX;;AANW;AADJ,GAFc;AAYvBM,EAAAA,UAZuB;AAavBH,EAAAA,UAbuB;;AAcvBU,EAAAA,KAAK,CAAEF,UAAF,EAAcG,iBAAd,EAAkC;AACtC,WAAO;AACNF,MAAAA,OAAO,EAAED,UAAU,CAACC,OAAX,GAAqBE,iBAAiB,CAACF;AAD1C,KAAP;AAGA,GAlBsB;;AAmBvBR,EAAAA,IAnBuB;AAoBvBC,EAAAA;AApBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { verse as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.\n\t\t\tcontent: __(\n\t\t\t\t'WHAT was he doing, the great god Pan,\\n\tDown in the reeds by the river?\\nSpreading ruin and scattering ban,\\nSplashing and paddling with hoofs of a goat,\\nAnd breaking the golden lilies afloat\\n    With the dragon-fly on the river.'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/verse/index.js"],"names":["__","verse","icon","deprecated","edit","save","transforms","name","metadata","settings","example","attributes","content","merge","attributesToMerge"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAK,IAAIC,IAAlB,QAA8B,kBAA9B;AAEA;AACA;AACA;;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,IAAP,MAAiB,QAAjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAWC,QAAjB;AAEA,SAASA,QAAT,EAAmBD,IAAnB;AAEA,OAAO,MAAME,QAAQ,GAAG;AACvBP,EAAAA,IADuB;AAEvBQ,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACX;AACA;AACAC,MAAAA,OAAO,EAAEZ,EAAE,CACV,yOADU;AAGX;;AANW;AADJ,GAFc;AAYvBM,EAAAA,UAZuB;AAavBH,EAAAA,UAbuB;;AAcvBU,EAAAA,KAAK,CAAEF,UAAF,EAAcG,iBAAd,EAAkC;AACtC,WAAO;AACNF,MAAAA,OAAO,EAAED,UAAU,CAACC,OAAX,GAAqBE,iBAAiB,CAACF;AAD1C,KAAP;AAGA,GAlBsB;;AAmBvBR,EAAAA,IAnBuB;AAoBvBC,EAAAA;AApBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { verse as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\t/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */\n\t\t\t// translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.\n\t\t\tcontent: __(\n\t\t\t\t'WHAT was he doing, the great god Pan,\\n\tDown in the reeds by the river?\\nSpreading ruin and scattering ban,\\nSplashing and paddling with hoofs of a goat,\\nAnd breaking the golden lilies afloat\\n    With the dragon-fly on the river.'\n\t\t\t),\n\t\t\t/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */\n\t\t},\n\t},\n\ttransforms,\n\tdeprecated,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n\tedit,\n\tsave,\n};\n"]}

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

@@ -128,7 +128,6 @@
 .is-selected .wp-block-button__inline-link {
   height: auto;
   overflow: visible;
-  margin-top: 16px;
 }
 
 .wp-button-label__width .components-button-group {

package/build-style/button/editor.css

@@ -129,7 +129,6 @@
 .is-selected .wp-block-button__inline-link {
   height: auto;
   overflow: visible;
-  margin-top: 16px;
 }
 
 .wp-button-label__width .components-button-group {

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

@@ -108,41 +108,29 @@
   font-size: inherit;
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-  width: calc(25% - 0.5em);
+  width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-  width: calc(50% - 0.5em);
+  width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-  width: calc(75% - 0.5em);
+  width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-  width: calc(100% - 0.5em);
-}
-.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
-  margin-left: 0;
   width: 100%;
+  flex-basis: 100%;
 }
 
-@supports (column-gap: 0.5em) {
-  .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-    width: calc(25% - 0.375em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-    width: calc(50% - 0.25em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-    width: calc(75% - 0.125em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-    width: auto;
-    flex-basis: 100%;
-  }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
+  width: 25%;
+}
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
+  width: 50%;
 }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
+  width: 75%;
+}
+
 .wp-block-button.is-style-squared,
 .wp-block-button__link.wp-block-button.is-style-squared {
   border-radius: 0;
@@ -153,8 +141,8 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > .wp-block-button__link,
-.wp-block-button__link.is-style-outline {
+.is-style-outline > :where(.wp-block-button__link),
+:where(.wp-block-button__link).is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }

package/build-style/button/style.css

@@ -109,41 +109,29 @@
   font-size: inherit;
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-  width: calc(25% - 0.5em);
+  width: calc(25% - (var(--wp--style--block-gap, 0.5em) * 0.75));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-  width: calc(50% - 0.5em);
+  width: calc(50% - (var(--wp--style--block-gap, 0.5em) * 0.5));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-  width: calc(75% - 0.5em);
+  width: calc(75% - (var(--wp--style--block-gap, 0.5em) * 0.25));
 }
 .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-  width: calc(100% - 0.5em);
-}
-.wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child {
-  margin-right: 0;
   width: 100%;
+  flex-basis: 100%;
 }
 
-@supports (column-gap: 0.5em) {
-  .wp-block-buttons > .wp-block-button.wp-block-button, .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button {
-    margin-right: 0;
-    margin-left: 0;
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
-    width: calc(25% - 0.375em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
-    width: calc(50% - 0.25em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
-    width: calc(75% - 0.125em);
-  }
-  .wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
-    width: auto;
-    flex-basis: 100%;
-  }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
+  width: 25%;
+}
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
+  width: 50%;
 }
+.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
+  width: 75%;
+}
+
 .wp-block-button.is-style-squared,
 .wp-block-button__link.wp-block-button.is-style-squared {
   border-radius: 0;
@@ -154,8 +142,8 @@
   border-radius: 0 !important;
 }
 
-.is-style-outline > .wp-block-button__link,
-.wp-block-button__link.is-style-outline {
+.is-style-outline > :where(.wp-block-button__link),
+:where(.wp-block-button__link).is-style-outline {
   border: 2px solid currentColor;
   padding: 0.667em 1.333em;
 }

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

@@ -74,18 +74,14 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block > .wp-block-buttons {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
 .wp-block-buttons > .wp-block {
-  margin-right: 0;
-  margin-top: 0.5em;
-  margin-left: 0.5em;
+  margin: 0;
+}
+.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
+  margin: 0;
 }
 .wp-block-buttons > .block-list-appender {
   display: inline-flex;

package/build-style/buttons/editor.css

@@ -74,18 +74,14 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-.wp-block > .wp-block-buttons {
-  display: flex;
-  flex-wrap: wrap;
-}
-
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
 .wp-block-buttons > .wp-block {
-  margin-left: 0;
-  margin-top: 0.5em;
-  margin-right: 0.5em;
+  margin: 0;
+}
+.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button {
+  margin: 0;
 }
 .wp-block-buttons > .block-list-appender {
   display: inline-flex;

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

@@ -75,29 +75,17 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-buttons {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  column-gap: 0.5em;
   /* stylelint-disable indentation */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
 }
-.wp-block-buttons.is-vertical > .wp-block-button {
-  margin-right: 0;
-}
 .wp-block-buttons.is-vertical > .wp-block-button:last-child {
   margin-bottom: 0;
 }
 .wp-block-buttons > .wp-block-button {
   display: inline-block;
-  margin-left: 0;
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-buttons > .wp-block-button:last-child {
-  margin-right: 0;
+  margin: 0;
 }
 .wp-block-buttons.is-content-justification-left {
   justify-content: flex-start;
@@ -114,13 +102,6 @@
 .wp-block-buttons.is-content-justification-right {
   justify-content: flex-end;
 }
-.wp-block-buttons.is-content-justification-right > .wp-block-button {
-  margin-left: 0.5em;
-  margin-right: 0;
-}
-.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
-  margin-left: 0;
-}
 .wp-block-buttons.is-content-justification-right.is-vertical {
   align-items: flex-end;
 }
@@ -130,20 +111,6 @@
 .wp-block-buttons.aligncenter {
   text-align: center;
 }
-.wp-block-buttons.alignleft .wp-block-button {
-  margin-left: 0;
-  margin-right: 0.5em;
-}
-.wp-block-buttons.alignleft .wp-block-button:last-child {
-  margin-right: 0;
-}
-.wp-block-buttons.alignright .wp-block-button {
-  margin-right: 0;
-  margin-left: 0.5em;
-}
-.wp-block-buttons.alignright .wp-block-button:first-child {
-  margin-left: 0;
-}
 .wp-block-buttons:not(.is-content-justification-space-between,
 .is-content-justification-right,
 .is-content-justification-left,
@@ -151,7 +118,6 @@
   /* stylelint-enable indentation */
   margin-right: auto;
   margin-left: auto;
-  margin-bottom: 0.5em;
   width: 100%;
 }
 

package/build-style/buttons/style.css

@@ -75,33 +75,17 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-buttons {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  column-gap: 0.5em;
   /* stylelint-disable indentation */
 }
 .wp-block-buttons.is-vertical {
   flex-direction: column;
 }
-.wp-block-buttons.is-vertical > .wp-block-button {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
 .wp-block-buttons.is-vertical > .wp-block-button:last-child {
   margin-bottom: 0;
 }
 .wp-block-buttons > .wp-block-button {
   display: inline-block;
-  /*rtl:ignore*/
-  margin-left: 0;
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-  margin-bottom: 0.5em;
-}
-.wp-block-buttons > .wp-block-button:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
+  margin: 0;
 }
 .wp-block-buttons.is-content-justification-left {
   justify-content: flex-start;
@@ -118,16 +102,6 @@
 .wp-block-buttons.is-content-justification-right {
   justify-content: flex-end;
 }
-.wp-block-buttons.is-content-justification-right > .wp-block-button {
-  /*rtl:ignore*/
-  margin-left: 0.5em;
-  /*rtl:ignore*/
-  margin-right: 0;
-}
-.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
-  /*rtl:ignore*/
-  margin-left: 0;
-}
 .wp-block-buttons.is-content-justification-right.is-vertical {
   align-items: flex-end;
 }
@@ -137,26 +111,6 @@
 .wp-block-buttons.aligncenter {
   text-align: center;
 }
-.wp-block-buttons.alignleft .wp-block-button {
-  /*rtl:ignore*/
-  margin-left: 0;
-  /*rtl:ignore*/
-  margin-right: 0.5em;
-}
-.wp-block-buttons.alignleft .wp-block-button:last-child {
-  /*rtl:ignore*/
-  margin-right: 0;
-}
-.wp-block-buttons.alignright .wp-block-button {
-  /*rtl:ignore*/
-  margin-right: 0;
-  /*rtl:ignore*/
-  margin-left: 0.5em;
-}
-.wp-block-buttons.alignright .wp-block-button:first-child {
-  /*rtl:ignore*/
-  margin-left: 0;
-}
 .wp-block-buttons:not(.is-content-justification-space-between,
 .is-content-justification-right,
 .is-content-justification-left,
@@ -164,7 +118,6 @@
   /* stylelint-enable indentation */
   margin-left: auto;
   margin-right: auto;
-  margin-bottom: 0.5em;
   width: 100%;
 }
 

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

@@ -88,7 +88,7 @@
     flex-wrap: nowrap;
   }
 }
-.wp-block-columns.has-background {
+.wp-block-columns:where(.has-background) {
   padding: 1.25em 2.375em;
 }
 .wp-block-columns.are-vertically-aligned-top {

package/build-style/columns/style.css

@@ -88,7 +88,7 @@
     flex-wrap: nowrap;
   }
 }
-.wp-block-columns.has-background {
+.wp-block-columns:where(.has-background) {
   padding: 1.25em 2.375em;
 }
 .wp-block-columns.are-vertically-aligned-top {

package/build-style/common-rtl.css

@@ -131,25 +131,11 @@
   background: linear-gradient(-135deg, #020381 0%, #2874fc 100%);
 }
 
-.has-small-font-size {
-  font-size: 0.8125em;
-}
-
-.has-regular-font-size,
-.has-normal-font-size {
+.has-regular-font-size {
   font-size: 1em;
 }
 
-.has-medium-font-size {
-  font-size: 1.25em;
-}
-
-.has-large-font-size {
-  font-size: 2.25em;
-}
-
-.has-larger-font-size,
-.has-huge-font-size {
+.has-larger-font-size {
   font-size: 2.625em;
 }
 

package/build-style/common.css

@@ -131,25 +131,11 @@
   background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
 }
 
-.has-small-font-size {
-  font-size: 0.8125em;
-}
-
-.has-regular-font-size,
-.has-normal-font-size {
+.has-regular-font-size {
   font-size: 1em;
 }
 
-.has-medium-font-size {
-  font-size: 1.25em;
-}
-
-.has-large-font-size {
-  font-size: 2.25em;
-}
-
-.has-larger-font-size,
-.has-huge-font-size {
+.has-larger-font-size {
   font-size: 2.625em;
 }
 

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

@@ -84,6 +84,18 @@
   min-height: auto !important;
   padding: 0 !important;
 }
+.wp-block-cover.is-placeholder .block-library-cover__resize-container {
+  display: none;
+}
+.wp-block-cover.is-placeholder .components-placeholder.is-large {
+  min-height: 240px;
+  justify-content: flex-start;
+  z-index: 1;
+}
+.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container {
+  min-height: 240px;
+  display: block;
+}
 .wp-block-cover.components-placeholder h2 {
   color: inherit;
 }
@@ -127,45 +139,15 @@
   right: 0;
   left: 0;
   bottom: 0;
+  min-height: 50px;
 }
 
 .block-library-cover__resize-container:not(.is-resizing) {
   height: auto !important;
 }
 
-.wp-block-cover > .components-drop-zone.is-active {
-  transition: 0.2s opacity, 0.2s border;
-}
-@media (prefers-reduced-motion: reduce) {
-  .wp-block-cover > .components-drop-zone.is-active {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.wp-block-cover > .components-drop-zone.is-dragging-over-element {
-  background-color: transparent;
-  border: 48px solid var(--wp-admin-theme-color);
-}
-.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content {
-  transform: none;
-}
 .wp-block-cover > .components-drop-zone .components-drop-zone__content {
-  display: flex;
-  align-items: center;
-  top: -36px;
-  right: -36px;
-  transform: none;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon,
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
-  display: inline;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon {
-  margin: 0;
-  margin-left: 8px;
-}
-.wp-block-cover > .components-drop-zone .components-drop-zone__content-text {
-  font-size: 13px;
+  opacity: 0.8 !important;
 }
 
 .block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {