@wordpress/block-library 8.11.0 → 8.12.1

package/build-module/video/tracks.js

@@ -1,13 +1,12 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
-export default function Tracks(_ref) {
-  let {
-    tracks = []
-  } = _ref;
+export default function Tracks({
+  tracks = []
+}) {
   return tracks.map(track => {
-    return createElement("track", _extends({
-      key: track.src
-    }, track));
+    return createElement("track", {
+      key: track.src,
+      ...track
+    });
   });
 }
 //# sourceMappingURL=tracks.js.map

package/build-module/video/tracks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/video/tracks.js"],"names":["Tracks","tracks","map","track","src"],"mappings":";;AAAA,eAAe,SAASA,MAAT,OAAmC;AAAA,MAAlB;AAAEC,IAAAA,MAAM,GAAG;AAAX,GAAkB;AACjD,SAAOA,MAAM,CAACC,GAAP,CAAcC,KAAF,IAAa;AAC/B,WAAO;AAAO,MAAA,GAAG,EAAGA,KAAK,CAACC;AAAnB,OAA8BD,KAA9B,EAAP;AACA,GAFM,CAAP;AAGA","sourcesContent":["export default function Tracks( { tracks = [] } ) {\n\treturn tracks.map( ( track ) => {\n\t\treturn <track key={ track.src } { ...track } />;\n\t} );\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/video/tracks.js"],"names":["Tracks","tracks","map","track","src"],"mappings":";AAAA,eAAe,SAASA,MAAT,CAAiB;AAAEC,EAAAA,MAAM,GAAG;AAAX,CAAjB,EAAmC;AACjD,SAAOA,MAAM,CAACC,GAAP,CAAcC,KAAF,IAAa;AAC/B,WAAO;AAAO,MAAA,GAAG,EAAGA,KAAK,CAACC,GAAnB;AAAA,SAA8BD;AAA9B,MAAP;AACA,GAFM,CAAP;AAGA","sourcesContent":["export default function Tracks( { tracks = [] } ) {\n\treturn tracks.map( ( track ) => {\n\t\treturn <track key={ track.src } { ...track } />;\n\t} );\n}\n"]}

package/build-module/video/transforms.js

@@ -28,61 +28,56 @@ const transforms = {
     attributes: {
       src: {
         type: 'string',
-        shortcode: _ref => {
-          let {
-            named: {
-              src,
-              mp4,
-              m4v,
-              webm,
-              ogv,
-              flv
-            }
-          } = _ref;
+        shortcode: ({
+          named: {
+            src,
+            mp4,
+            m4v,
+            webm,
+            ogv,
+            flv
+          }
+        }) => {
           return src || mp4 || m4v || webm || ogv || flv;
         }
       },
       poster: {
         type: 'string',
-        shortcode: _ref2 => {
-          let {
-            named: {
-              poster
-            }
-          } = _ref2;
+        shortcode: ({
+          named: {
+            poster
+          }
+        }) => {
           return poster;
         }
       },
       loop: {
         type: 'string',
-        shortcode: _ref3 => {
-          let {
-            named: {
-              loop
-            }
-          } = _ref3;
+        shortcode: ({
+          named: {
+            loop
+          }
+        }) => {
           return loop;
         }
       },
       autoplay: {
         type: 'string',
-        shortcode: _ref4 => {
-          let {
-            named: {
-              autoplay
-            }
-          } = _ref4;
+        shortcode: ({
+          named: {
+            autoplay
+          }
+        }) => {
           return autoplay;
         }
       },
       preload: {
         type: 'string',
-        shortcode: _ref5 => {
-          let {
-            named: {
-              preload
-            }
-          } = _ref5;
+        shortcode: ({
+          named: {
+            preload
+          }
+        }) => {
           return preload;
         }
       }

package/build-module/video/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/video/transforms.js"],"names":["createBlobURL","createBlock","transforms","from","type","isMatch","files","length","indexOf","transform","file","block","src","tag","attributes","shortcode","named","mp4","m4v","webm","ogv","flv","poster","loop","autoplay","preload"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,iBAA9B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;;AAECC,IAAAA,OAAO,CAAEC,KAAF,EAAU;AAChB,aACCA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACAD,KAAK,CAAE,CAAF,CAAL,CAAWF,IAAX,CAAgBI,OAAhB,CAAyB,QAAzB,MAAwC,CAFzC;AAIA,KAPF;;AAQCC,IAAAA,SAAS,CAAEH,KAAF,EAAU;AAClB,YAAMI,IAAI,GAAGJ,KAAK,CAAE,CAAF,CAAlB,CADkB,CAElB;AACA;AACA;;AACA,YAAMK,KAAK,GAAGV,WAAW,CAAE,YAAF,EAAgB;AACxCW,QAAAA,GAAG,EAAEZ,aAAa,CAAEU,IAAF;AADsB,OAAhB,CAAzB;AAGA,aAAOC,KAAP;AACA;;AAjBF,GADK,EAoBL;AACCP,IAAAA,IAAI,EAAE,WADP;AAECS,IAAAA,GAAG,EAAE,OAFN;AAGCC,IAAAA,UAAU,EAAE;AACXF,MAAAA,GAAG,EAAE;AACJR,QAAAA,IAAI,EAAE,QADF;AAEJW,QAAAA,SAAS,EAAE,QAEJ;AAAA,cAFM;AACZC,YAAAA,KAAK,EAAE;AAAEJ,cAAAA,GAAF;AAAOK,cAAAA,GAAP;AAAYC,cAAAA,GAAZ;AAAiBC,cAAAA,IAAjB;AAAuBC,cAAAA,GAAvB;AAA4BC,cAAAA;AAA5B;AADK,WAEN;AACN,iBAAOT,GAAG,IAAIK,GAAP,IAAcC,GAAd,IAAqBC,IAArB,IAA6BC,GAA7B,IAAoCC,GAA3C;AACA;AANG,OADM;AASXC,MAAAA,MAAM,EAAE;AACPlB,QAAAA,IAAI,EAAE,QADC;AAEPW,QAAAA,SAAS,EAAE,SAA6B;AAAA,cAA3B;AAAEC,YAAAA,KAAK,EAAE;AAAEM,cAAAA;AAAF;AAAT,WAA2B;AACvC,iBAAOA,MAAP;AACA;AAJM,OATG;AAeXC,MAAAA,IAAI,EAAE;AACLnB,QAAAA,IAAI,EAAE,QADD;AAELW,QAAAA,SAAS,EAAE,SAA2B;AAAA,cAAzB;AAAEC,YAAAA,KAAK,EAAE;AAAEO,cAAAA;AAAF;AAAT,WAAyB;AACrC,iBAAOA,IAAP;AACA;AAJI,OAfK;AAqBXC,MAAAA,QAAQ,EAAE;AACTpB,QAAAA,IAAI,EAAE,QADG;AAETW,QAAAA,SAAS,EAAE,SAA+B;AAAA,cAA7B;AAAEC,YAAAA,KAAK,EAAE;AAAEQ,cAAAA;AAAF;AAAT,WAA6B;AACzC,iBAAOA,QAAP;AACA;AAJQ,OArBC;AA2BXC,MAAAA,OAAO,EAAE;AACRrB,QAAAA,IAAI,EAAE,QADE;AAERW,QAAAA,SAAS,EAAE,SAA8B;AAAA,cAA5B;AAAEC,YAAAA,KAAK,EAAE;AAAES,cAAAA;AAAF;AAAT,WAA4B;AACxC,iBAAOA,OAAP;AACA;AAJO;AA3BE;AAHb,GApBK;AADY,CAAnB;AA8DA,eAAevB,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlobURL } from '@wordpress/blob';\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'files',\n\t\t\tisMatch( files ) {\n\t\t\t\treturn (\n\t\t\t\t\tfiles.length === 1 &&\n\t\t\t\t\tfiles[ 0 ].type.indexOf( 'video/' ) === 0\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform( files ) {\n\t\t\t\tconst file = files[ 0 ];\n\t\t\t\t// We don't need to upload the media directly here\n\t\t\t\t// It's already done as part of the `componentDidMount`\n\t\t\t\t// in the video block\n\t\t\t\tconst block = createBlock( 'core/video', {\n\t\t\t\t\tsrc: createBlobURL( file ),\n\t\t\t\t} );\n\t\t\t\treturn block;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\ttag: 'video',\n\t\t\tattributes: {\n\t\t\t\tsrc: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( {\n\t\t\t\t\t\tnamed: { src, mp4, m4v, webm, ogv, flv },\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\treturn src || mp4 || m4v || webm || ogv || flv;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tposter: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { poster } } ) => {\n\t\t\t\t\t\treturn poster;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tloop: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { loop } } ) => {\n\t\t\t\t\t\treturn loop;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tautoplay: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { autoplay } } ) => {\n\t\t\t\t\t\treturn autoplay;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tpreload: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { preload } } ) => {\n\t\t\t\t\t\treturn preload;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/video/transforms.js"],"names":["createBlobURL","createBlock","transforms","from","type","isMatch","files","length","indexOf","transform","file","block","src","tag","attributes","shortcode","named","mp4","m4v","webm","ogv","flv","poster","loop","autoplay","preload"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,iBAA9B;AACA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,MAAMC,UAAU,GAAG;AAClBC,EAAAA,IAAI,EAAE,CACL;AACCC,IAAAA,IAAI,EAAE,OADP;;AAECC,IAAAA,OAAO,CAAEC,KAAF,EAAU;AAChB,aACCA,KAAK,CAACC,MAAN,KAAiB,CAAjB,IACAD,KAAK,CAAE,CAAF,CAAL,CAAWF,IAAX,CAAgBI,OAAhB,CAAyB,QAAzB,MAAwC,CAFzC;AAIA,KAPF;;AAQCC,IAAAA,SAAS,CAAEH,KAAF,EAAU;AAClB,YAAMI,IAAI,GAAGJ,KAAK,CAAE,CAAF,CAAlB,CADkB,CAElB;AACA;AACA;;AACA,YAAMK,KAAK,GAAGV,WAAW,CAAE,YAAF,EAAgB;AACxCW,QAAAA,GAAG,EAAEZ,aAAa,CAAEU,IAAF;AADsB,OAAhB,CAAzB;AAGA,aAAOC,KAAP;AACA;;AAjBF,GADK,EAoBL;AACCP,IAAAA,IAAI,EAAE,WADP;AAECS,IAAAA,GAAG,EAAE,OAFN;AAGCC,IAAAA,UAAU,EAAE;AACXF,MAAAA,GAAG,EAAE;AACJR,QAAAA,IAAI,EAAE,QADF;AAEJW,QAAAA,SAAS,EAAE,CAAE;AACZC,UAAAA,KAAK,EAAE;AAAEJ,YAAAA,GAAF;AAAOK,YAAAA,GAAP;AAAYC,YAAAA,GAAZ;AAAiBC,YAAAA,IAAjB;AAAuBC,YAAAA,GAAvB;AAA4BC,YAAAA;AAA5B;AADK,SAAF,KAEJ;AACN,iBAAOT,GAAG,IAAIK,GAAP,IAAcC,GAAd,IAAqBC,IAArB,IAA6BC,GAA7B,IAAoCC,GAA3C;AACA;AANG,OADM;AASXC,MAAAA,MAAM,EAAE;AACPlB,QAAAA,IAAI,EAAE,QADC;AAEPW,QAAAA,SAAS,EAAE,CAAE;AAAEC,UAAAA,KAAK,EAAE;AAAEM,YAAAA;AAAF;AAAT,SAAF,KAA6B;AACvC,iBAAOA,MAAP;AACA;AAJM,OATG;AAeXC,MAAAA,IAAI,EAAE;AACLnB,QAAAA,IAAI,EAAE,QADD;AAELW,QAAAA,SAAS,EAAE,CAAE;AAAEC,UAAAA,KAAK,EAAE;AAAEO,YAAAA;AAAF;AAAT,SAAF,KAA2B;AACrC,iBAAOA,IAAP;AACA;AAJI,OAfK;AAqBXC,MAAAA,QAAQ,EAAE;AACTpB,QAAAA,IAAI,EAAE,QADG;AAETW,QAAAA,SAAS,EAAE,CAAE;AAAEC,UAAAA,KAAK,EAAE;AAAEQ,YAAAA;AAAF;AAAT,SAAF,KAA+B;AACzC,iBAAOA,QAAP;AACA;AAJQ,OArBC;AA2BXC,MAAAA,OAAO,EAAE;AACRrB,QAAAA,IAAI,EAAE,QADE;AAERW,QAAAA,SAAS,EAAE,CAAE;AAAEC,UAAAA,KAAK,EAAE;AAAES,YAAAA;AAAF;AAAT,SAAF,KAA8B;AACxC,iBAAOA,OAAP;AACA;AAJO;AA3BE;AAHb,GApBK;AADY,CAAnB;AA8DA,eAAevB,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlobURL } from '@wordpress/blob';\nimport { createBlock } from '@wordpress/blocks';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'files',\n\t\t\tisMatch( files ) {\n\t\t\t\treturn (\n\t\t\t\t\tfiles.length === 1 &&\n\t\t\t\t\tfiles[ 0 ].type.indexOf( 'video/' ) === 0\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform( files ) {\n\t\t\t\tconst file = files[ 0 ];\n\t\t\t\t// We don't need to upload the media directly here\n\t\t\t\t// It's already done as part of the `componentDidMount`\n\t\t\t\t// in the video block\n\t\t\t\tconst block = createBlock( 'core/video', {\n\t\t\t\t\tsrc: createBlobURL( file ),\n\t\t\t\t} );\n\t\t\t\treturn block;\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'shortcode',\n\t\t\ttag: 'video',\n\t\t\tattributes: {\n\t\t\t\tsrc: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( {\n\t\t\t\t\t\tnamed: { src, mp4, m4v, webm, ogv, flv },\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\treturn src || mp4 || m4v || webm || ogv || flv;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tposter: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { poster } } ) => {\n\t\t\t\t\t\treturn poster;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tloop: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { loop } } ) => {\n\t\t\t\t\t\treturn loop;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tautoplay: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { autoplay } } ) => {\n\t\t\t\t\t\treturn autoplay;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tpreload: {\n\t\t\t\t\ttype: 'string',\n\t\t\t\t\tshortcode: ( { named: { preload } } ) => {\n\t\t\t\t\t\treturn preload;\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

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

@@ -88,6 +88,7 @@
  */
 .wp-block-avatar {
   box-sizing: border-box;
+  line-height: 0;
 }
 .wp-block-avatar img {
   box-sizing: border-box;

package/build-style/avatar/style.css

@@ -88,6 +88,7 @@
  */
 .wp-block-avatar {
   box-sizing: border-box;
+  line-height: 0;
 }
 .wp-block-avatar img {
   box-sizing: border-box;

package/build-style/editor-rtl.css

@@ -1901,23 +1901,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   right: 0;
 }
 
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
-    pointer-events: none;
-  }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
-    pointer-events: all;
-  }
-}
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
-  pointer-events: none;
-}
-
 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
   padding: 0;

package/build-style/editor.css

@@ -1909,23 +1909,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   left: 0;
 }
 
-@media (min-width: 600px) {
-  .wp-block-navigation__responsive-container,
-.wp-block-navigation__responsive-close {
-    pointer-events: none;
-  }
-  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-container .block-editor-block-list__layout *,
-.wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close,
-.wp-block-navigation__responsive-close .block-editor-block-list__layout * {
-    pointer-events: all;
-  }
-}
-.wp-block-navigation__responsive-container .wp-block-pages-list__item__link,
-.wp-block-navigation__responsive-close .wp-block-pages-list__item__link {
-  pointer-events: none;
-}
-
 .components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open,
 .components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close {
   padding: 0;

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

@@ -0,0 +1,106 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * 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.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  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.
+ */
+/**
+ * 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.
+ */
+.editor-styles-wrapper,
+.entry-content {
+  counter-reset: footnotes;
+}
+
+.fn {
+  vertical-align: super;
+  font-size: smaller;
+  counter-increment: footnotes;
+  display: inline-block;
+  text-indent: -9999999px;
+}
+
+.fn::after {
+  content: "[" counter(footnotes) "]";
+  text-indent: 0;
+  float: right;
+}

package/build-style/footnotes/style.css

@@ -0,0 +1,106 @@
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * 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.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  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.
+ */
+/**
+ * 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.
+ */
+.editor-styles-wrapper,
+.entry-content {
+  counter-reset: footnotes;
+}
+
+.fn {
+  vertical-align: super;
+  font-size: smaller;
+  counter-increment: footnotes;
+  display: inline-block;
+  text-indent: -9999999px;
+}
+
+.fn::after {
+  content: "[" counter(footnotes) "]";
+  text-indent: 0;
+  float: left;
+}

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

@@ -228,23 +228,32 @@
   visibility: hidden;
 }
 .wp-lightbox-overlay .close-button {
-  font-size: 40px;
   position: absolute;
-  top: 20px;
-  left: 20px;
+  top: 12.5px;
+  left: 12.5px;
+  padding: 0;
   cursor: pointer;
   z-index: 5000000;
 }
 .wp-lightbox-overlay .wp-block-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: 100%;
   height: 100%;
-  z-index: 3000000;
   position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   flex-direction: column;
 }
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
 .wp-lightbox-overlay button {
   border: none;
   background: none;
@@ -257,18 +266,54 @@
   background-color: white;
   opacity: 0.9;
 }
-.wp-lightbox-overlay.initialized {
-  animation: both turn-off-visibility 300ms;
+.wp-lightbox-overlay.fade.active {
+  visibility: visible;
+  animation: both turn-on-visibility 0.25s;
+}
+.wp-lightbox-overlay.fade.active img {
+  animation: both turn-on-visibility 0.3s;
 }
-.wp-lightbox-overlay.initialized img {
-  animation: both turn-off-visibility 250ms;
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
+  animation: both turn-off-visibility 0.3s;
+}
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
+  animation: both turn-off-visibility 0.25s;
+}
+.wp-lightbox-overlay.zoom img {
+  position: absolute;
+  transform-origin: top right;
+  width: var(--lightbox-image-max-width);
+  height: var(--lightbox-image-max-height);
 }
-.wp-lightbox-overlay.initialized.active {
+.wp-lightbox-overlay.zoom.active {
+  opacity: 1;
   visibility: visible;
-  animation: both turn-on-visibility 250ms;
 }
-.wp-lightbox-overlay.initialized.active img {
-  animation: both turn-on-visibility 300ms;
+.wp-lightbox-overlay.zoom.active .wp-block-image img {
+  animation: lightbox-zoom-in 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.active .wp-block-image img {
+    animation: both turn-on-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.active .scrim {
+  animation: turn-on-visibility 0.4s forwards;
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+  animation: lightbox-zoom-out 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+    animation: both turn-off-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  animation: turn-off-visibility 0.4s forwards;
+}
+
+html.has-lightbox-open {
+  overflow: hidden;
 }
 
 @keyframes turn-on-visibility {
@@ -293,6 +338,31 @@
     visibility: hidden;
   }
 }
-html.has-lightbox-open {
-  overflow: hidden;
+@keyframes lightbox-zoom-in {
+  0% {
+    right: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
+  100% {
+    right: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+}
+@keyframes lightbox-zoom-out {
+  0% {
+    visibility: visible;
+    right: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+  99% {
+    visibility: visible;
+  }
+  100% {
+    right: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
 }

package/build-style/image/style.css

@@ -234,23 +234,32 @@
   visibility: hidden;
 }
 .wp-lightbox-overlay .close-button {
-  font-size: 40px;
   position: absolute;
-  top: 20px;
-  right: 20px;
+  top: 12.5px;
+  right: 12.5px;
+  padding: 0;
   cursor: pointer;
   z-index: 5000000;
 }
 .wp-lightbox-overlay .wp-block-image {
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: 100%;
   height: 100%;
-  z-index: 3000000;
   position: absolute;
+  z-index: 3000000;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: center;
+  align-items: center;
   flex-direction: column;
 }
+.wp-lightbox-overlay .wp-block-image figcaption {
+  display: none;
+}
+.wp-lightbox-overlay .wp-block-image img {
+  max-width: 100%;
+  max-height: 100%;
+  width: auto;
+}
 .wp-lightbox-overlay button {
   border: none;
   background: none;
@@ -263,18 +272,54 @@
   background-color: white;
   opacity: 0.9;
 }
-.wp-lightbox-overlay.initialized {
-  animation: both turn-off-visibility 300ms;
+.wp-lightbox-overlay.fade.active {
+  visibility: visible;
+  animation: both turn-on-visibility 0.25s;
+}
+.wp-lightbox-overlay.fade.active img {
+  animation: both turn-on-visibility 0.3s;
 }
-.wp-lightbox-overlay.initialized img {
-  animation: both turn-off-visibility 250ms;
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) {
+  animation: both turn-off-visibility 0.3s;
+}
+.wp-lightbox-overlay.fade.hideanimationenabled:not(.active) img {
+  animation: both turn-off-visibility 0.25s;
+}
+.wp-lightbox-overlay.zoom img {
+  position: absolute;
+  transform-origin: top left;
+  width: var(--lightbox-image-max-width);
+  height: var(--lightbox-image-max-height);
 }
-.wp-lightbox-overlay.initialized.active {
+.wp-lightbox-overlay.zoom.active {
+  opacity: 1;
   visibility: visible;
-  animation: both turn-on-visibility 250ms;
 }
-.wp-lightbox-overlay.initialized.active img {
-  animation: both turn-on-visibility 300ms;
+.wp-lightbox-overlay.zoom.active .wp-block-image img {
+  animation: lightbox-zoom-in 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.active .wp-block-image img {
+    animation: both turn-on-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.active .scrim {
+  animation: turn-on-visibility 0.4s forwards;
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+  animation: lightbox-zoom-out 0.4s forwards;
+}
+@media (prefers-reduced-motion) {
+  .wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .wp-block-image img {
+    animation: both turn-off-visibility 0.4s;
+  }
+}
+.wp-lightbox-overlay.zoom.hideanimationenabled:not(.active) .scrim {
+  animation: turn-off-visibility 0.4s forwards;
+}
+
+html.has-lightbox-open {
+  overflow: hidden;
 }
 
 @keyframes turn-on-visibility {
@@ -299,6 +344,31 @@
     visibility: hidden;
   }
 }
-html.has-lightbox-open {
-  overflow: hidden;
+@keyframes lightbox-zoom-in {
+  0% {
+    left: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
+  100% {
+    left: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+}
+@keyframes lightbox-zoom-out {
+  0% {
+    visibility: visible;
+    left: var(--lightbox-target-left-position);
+    top: var(--lightbox-target-top-position);
+    transform: scale(1, 1);
+  }
+  99% {
+    visibility: visible;
+  }
+  100% {
+    left: var(--lightbox-initial-left-position);
+    top: var(--lightbox-initial-top-position);
+    transform: scale(var(--lightbox-scale-width), var(--lightbox-scale-height));
+  }
 }