@wordpress/edit-site 6.8.10 → 6.8.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,7 @@ var _data = require("@wordpress/data");
12
12
  var _editor = require("@wordpress/editor");
13
13
  var _header = _interopRequireDefault(require("./header"));
14
14
  var _content = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles/content"));
15
+ var _lockUnlock = require("../../lock-unlock");
15
16
  var _jsxRuntime = require("react/jsx-runtime");
16
17
  /**
17
18
  * WordPress dependencies
@@ -21,6 +22,9 @@ var _jsxRuntime = require("react/jsx-runtime");
21
22
  * Internal dependencies
22
23
  */
23
24
 
25
+ const {
26
+ useZoomOut
27
+ } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
24
28
  function ScreenStyleVariations() {
25
29
  // Style Variations should only be previewed in with
26
30
  // - a "zoomed out" editor
@@ -28,7 +32,7 @@ function ScreenStyleVariations() {
28
32
  const {
29
33
  setDeviceType
30
34
  } = (0, _data.useDispatch)(_editor.store);
31
- (0, _blockEditor.useZoomOut)();
35
+ useZoomOut();
32
36
  setDeviceType('desktop');
33
37
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
34
38
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
@@ -1 +1 @@
1
- {"version":3,"names":["_components","require","_i18n","_blockEditor","_data","_editor","_header","_interopRequireDefault","_content","_jsxRuntime","ScreenStyleVariations","setDeviceType","useDispatch","editorStore","useZoomOut","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAD,sBAAA,CAAAN,OAAA;AAA4G,IAAAQ,WAAA,GAAAR,OAAA;AAb5G;AACA;AACA;;AAOA;AACA;AACA;;AAIA,SAASS,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpD,IAAAC,uBAAU,EAAC,CAAC;EACZH,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACC,IAAAF,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACZ,OAAA,CAAAa,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAZ,WAAA,CAAAS,GAAA,EAAClB,WAAA,CAAAuB,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAR,WAAA,CAAAS,GAAA,EAAClB,WAAA,CAAA2B,QAAQ;QAAAV,QAAA,eACR,IAAAR,WAAA,CAAAS,GAAA,EAACV,QAAA,CAAAW,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcT,qBAAqB","ignoreList":[]}
1
+ {"version":3,"names":["_components","require","_i18n","_blockEditor","_data","_editor","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","setDeviceType","useDispatch","editorStore","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,QAAA,GAAAD,sBAAA,CAAAN,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AAA2C,IAAAS,WAAA,GAAAT,OAAA;AAd3C;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAEU;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,aAAY,CAAC;EACpDN,UAAU,CAAC,CAAC;EACZI,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACC,IAAAL,WAAA,CAAAQ,IAAA,EAAAR,WAAA,CAAAS,QAAA;IAAAC,QAAA,gBACC,IAAAV,WAAA,CAAAW,GAAA,EAACf,OAAA,CAAAgB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAd,WAAA,CAAAW,GAAA,EAACrB,WAAA,CAAA0B,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAV,WAAA,CAAAW,GAAA,EAACrB,WAAA,CAAA8B,QAAQ;QAAAV,QAAA,eACR,IAAAV,WAAA,CAAAW,GAAA,EAACb,QAAA,CAAAc,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcR,qBAAqB","ignoreList":[]}
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { Card, CardBody } from '@wordpress/components';
5
5
  import { __ } from '@wordpress/i18n';
6
- import { useZoomOut } from '@wordpress/block-editor';
6
+ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
7
7
  import { useDispatch } from '@wordpress/data';
8
8
  import { store as editorStore } from '@wordpress/editor';
9
9
 
@@ -12,9 +12,13 @@ import { store as editorStore } from '@wordpress/editor';
12
12
  */
13
13
  import ScreenHeader from './header';
14
14
  import SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';
15
+ import { unlock } from '../../lock-unlock';
15
16
  import { jsx as _jsx } from "react/jsx-runtime";
16
17
  import { Fragment as _Fragment } from "react/jsx-runtime";
17
18
  import { jsxs as _jsxs } from "react/jsx-runtime";
19
+ const {
20
+ useZoomOut
21
+ } = unlock(blockEditorPrivateApis);
18
22
  function ScreenStyleVariations() {
19
23
  // Style Variations should only be previewed in with
20
24
  // - a "zoomed out" editor
@@ -1 +1 @@
1
- {"version":3,"names":["Card","CardBody","__","useZoomOut","useDispatch","store","editorStore","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ScreenStyleVariations","setDeviceType","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useZoomOut } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE5G,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAGZ,WAAW,CAAEE,WAAY,CAAC;EACpDH,UAAU,CAAC,CAAC;EACZa,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACCF,KAAA,CAAAF,SAAA;IAAAK,QAAA,gBACCP,IAAA,CAACH,YAAY;MACZW,KAAK,EAAGhB,EAAE,CAAE,eAAgB,CAAG;MAC/BiB,WAAW,EAAGjB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFQ,IAAA,CAACV,IAAI;MACJoB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DP,IAAA,CAACT,QAAQ;QAAAgB,QAAA,eACRP,IAAA,CAACF,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeO,qBAAqB","ignoreList":[]}
1
+ {"version":3,"names":["Card","CardBody","__","privateApis","blockEditorPrivateApis","useDispatch","store","editorStore","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","setDeviceType","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Card, CardBody } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAEN,sBAAuB,CAAC;AAEvD,SAASc,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;IAAEC;EAAc,CAAC,GAAGd,WAAW,CAAEE,WAAY,CAAC;EACpDU,UAAU,CAAC,CAAC;EACZE,aAAa,CAAE,SAAU,CAAC;EAE1B,oBACCH,KAAA,CAAAF,SAAA;IAAAM,QAAA,gBACCR,IAAA,CAACJ,YAAY;MACZa,KAAK,EAAGnB,EAAE,CAAE,eAAgB,CAAG;MAC/BoB,WAAW,EAAGpB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFU,IAAA,CAACZ,IAAI;MACJuB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DR,IAAA,CAACX,QAAQ;QAAAmB,QAAA,eACRR,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}
@@ -832,7 +832,7 @@ ul.dataviews-view-list {
832
832
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
833
833
  flex-basis: min-content;
834
834
  overflow: unset;
835
- margin-inline: 8px 0;
835
+ padding-inline-end: 4px;
836
836
  }
837
837
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
838
838
  opacity: 1;
@@ -1509,7 +1509,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1509
1509
  contain: content;
1510
1510
  }
1511
1511
 
1512
- @keyframes _wd5ep_slide-from-right {
1512
+ @keyframes _zlglg_slide-from-right {
1513
1513
  from {
1514
1514
  transform: translateX(-50px);
1515
1515
  opacity: 0;
@@ -1519,7 +1519,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1519
1519
  opacity: 1;
1520
1520
  }
1521
1521
  }
1522
- @keyframes _wd5ep_slide-from-left {
1522
+ @keyframes _zlglg_slide-from-left {
1523
1523
  from {
1524
1524
  transform: translateX(50px);
1525
1525
  opacity: 0;
@@ -1575,10 +1575,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1575
1575
  }
1576
1576
  }
1577
1577
  .edit-site-sidebar__screen-wrapper.slide-from-left {
1578
- animation-name: _wd5ep_slide-from-left;
1578
+ animation-name: _zlglg_slide-from-left;
1579
1579
  }
1580
1580
  .edit-site-sidebar__screen-wrapper.slide-from-right {
1581
- animation-name: _wd5ep_slide-from-right;
1581
+ animation-name: _zlglg_slide-from-right;
1582
1582
  }
1583
1583
 
1584
1584
  .edit-site-site-hub {
@@ -832,7 +832,7 @@ ul.dataviews-view-list {
832
832
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
833
833
  flex-basis: min-content;
834
834
  overflow: unset;
835
- margin-inline: 8px 0;
835
+ padding-inline-end: 4px;
836
836
  }
837
837
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
838
838
  opacity: 1;
@@ -1509,7 +1509,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1509
1509
  contain: content;
1510
1510
  }
1511
1511
 
1512
- @keyframes _wd5ep_slide-from-right {
1512
+ @keyframes _zlglg_slide-from-right {
1513
1513
  from {
1514
1514
  transform: translateX(50px);
1515
1515
  opacity: 0;
@@ -1519,7 +1519,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1519
1519
  opacity: 1;
1520
1520
  }
1521
1521
  }
1522
- @keyframes _wd5ep_slide-from-left {
1522
+ @keyframes _zlglg_slide-from-left {
1523
1523
  from {
1524
1524
  transform: translateX(-50px);
1525
1525
  opacity: 0;
@@ -1575,10 +1575,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
1575
1575
  }
1576
1576
  }
1577
1577
  .edit-site-sidebar__screen-wrapper.slide-from-left {
1578
- animation-name: _wd5ep_slide-from-left;
1578
+ animation-name: _zlglg_slide-from-left;
1579
1579
  }
1580
1580
  .edit-site-sidebar__screen-wrapper.slide-from-right {
1581
- animation-name: _wd5ep_slide-from-right;
1581
+ animation-name: _zlglg_slide-from-right;
1582
1582
  }
1583
1583
 
1584
1584
  .edit-site-site-hub {
@@ -832,7 +832,7 @@ ul.dataviews-view-list {
832
832
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
833
833
  flex-basis: min-content;
834
834
  overflow: unset;
835
- margin-inline: 8px 0;
835
+ padding-inline-end: 4px;
836
836
  }
837
837
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
838
838
  opacity: 1;
@@ -2528,7 +2528,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2528
2528
  contain: content;
2529
2529
  }
2530
2530
 
2531
- @keyframes _saugi_slide-from-right {
2531
+ @keyframes _11fcf_slide-from-right {
2532
2532
  from {
2533
2533
  transform: translateX(-50px);
2534
2534
  opacity: 0;
@@ -2538,7 +2538,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2538
2538
  opacity: 1;
2539
2539
  }
2540
2540
  }
2541
- @keyframes _saugi_slide-from-left {
2541
+ @keyframes _11fcf_slide-from-left {
2542
2542
  from {
2543
2543
  transform: translateX(50px);
2544
2544
  opacity: 0;
@@ -2594,10 +2594,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2594
2594
  }
2595
2595
  }
2596
2596
  .edit-site-sidebar__screen-wrapper.slide-from-left {
2597
- animation-name: _saugi_slide-from-left;
2597
+ animation-name: _11fcf_slide-from-left;
2598
2598
  }
2599
2599
  .edit-site-sidebar__screen-wrapper.slide-from-right {
2600
- animation-name: _saugi_slide-from-right;
2600
+ animation-name: _11fcf_slide-from-right;
2601
2601
  }
2602
2602
 
2603
2603
  .edit-site-sidebar-button {
@@ -832,7 +832,7 @@ ul.dataviews-view-list {
832
832
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions {
833
833
  flex-basis: min-content;
834
834
  overflow: unset;
835
- margin-inline: 8px 0;
835
+ padding-inline-end: 4px;
836
836
  }
837
837
  .dataviews-view-list li:where(.is-selected, .is-hovered, :focus-within) .dataviews-view-list__item-actions .components-button {
838
838
  opacity: 1;
@@ -2529,7 +2529,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2529
2529
  contain: content;
2530
2530
  }
2531
2531
 
2532
- @keyframes _saugi_slide-from-right {
2532
+ @keyframes _11fcf_slide-from-right {
2533
2533
  from {
2534
2534
  transform: translateX(50px);
2535
2535
  opacity: 0;
@@ -2539,7 +2539,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2539
2539
  opacity: 1;
2540
2540
  }
2541
2541
  }
2542
- @keyframes _saugi_slide-from-left {
2542
+ @keyframes _11fcf_slide-from-left {
2543
2543
  from {
2544
2544
  transform: translateX(-50px);
2545
2545
  opacity: 0;
@@ -2595,10 +2595,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2595
2595
  }
2596
2596
  }
2597
2597
  .edit-site-sidebar__screen-wrapper.slide-from-left {
2598
- animation-name: _saugi_slide-from-left;
2598
+ animation-name: _11fcf_slide-from-left;
2599
2599
  }
2600
2600
  .edit-site-sidebar__screen-wrapper.slide-from-right {
2601
- animation-name: _saugi_slide-from-right;
2601
+ animation-name: _11fcf_slide-from-right;
2602
2602
  }
2603
2603
 
2604
2604
  .edit-site-sidebar-button {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.8.10",
3
+ "version": "6.8.11",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -32,20 +32,20 @@
32
32
  "@wordpress/a11y": "^4.8.2",
33
33
  "@wordpress/api-fetch": "^7.8.2",
34
34
  "@wordpress/blob": "^4.8.1",
35
- "@wordpress/block-editor": "^14.3.8",
36
- "@wordpress/block-library": "^9.8.9",
35
+ "@wordpress/block-editor": "^14.3.9",
36
+ "@wordpress/block-library": "^9.8.10",
37
37
  "@wordpress/blocks": "^13.8.5",
38
- "@wordpress/commands": "^1.8.7",
39
- "@wordpress/components": "^28.8.7",
38
+ "@wordpress/commands": "^1.8.8",
39
+ "@wordpress/components": "^28.8.8",
40
40
  "@wordpress/compose": "^7.8.3",
41
- "@wordpress/core-commands": "^1.8.8",
42
- "@wordpress/core-data": "^7.8.8",
41
+ "@wordpress/core-commands": "^1.8.9",
42
+ "@wordpress/core-data": "^7.8.9",
43
43
  "@wordpress/data": "^10.8.3",
44
- "@wordpress/dataviews": "^4.4.7",
44
+ "@wordpress/dataviews": "^4.4.8",
45
45
  "@wordpress/date": "^5.8.2",
46
46
  "@wordpress/deprecated": "^4.8.2",
47
47
  "@wordpress/dom": "^4.8.2",
48
- "@wordpress/editor": "^14.8.10",
48
+ "@wordpress/editor": "^14.8.11",
49
49
  "@wordpress/element": "^6.8.1",
50
50
  "@wordpress/escape-html": "^3.8.1",
51
51
  "@wordpress/hooks": "^4.8.2",
@@ -55,18 +55,18 @@
55
55
  "@wordpress/keyboard-shortcuts": "^5.8.3",
56
56
  "@wordpress/keycodes": "^4.8.2",
57
57
  "@wordpress/notices": "^5.8.3",
58
- "@wordpress/patterns": "^2.8.8",
59
- "@wordpress/plugins": "^7.8.7",
60
- "@wordpress/preferences": "^4.8.7",
58
+ "@wordpress/patterns": "^2.8.9",
59
+ "@wordpress/plugins": "^7.8.8",
60
+ "@wordpress/preferences": "^4.8.8",
61
61
  "@wordpress/primitives": "^4.8.1",
62
62
  "@wordpress/priority-queue": "^3.8.1",
63
63
  "@wordpress/private-apis": "^1.8.1",
64
- "@wordpress/reusable-blocks": "^5.8.8",
64
+ "@wordpress/reusable-blocks": "^5.8.9",
65
65
  "@wordpress/router": "^1.8.1",
66
66
  "@wordpress/style-engine": "^2.8.1",
67
67
  "@wordpress/url": "^4.8.1",
68
68
  "@wordpress/viewport": "^6.8.3",
69
- "@wordpress/widgets": "^4.8.8",
69
+ "@wordpress/widgets": "^4.8.9",
70
70
  "@wordpress/wordcount": "^4.8.1",
71
71
  "change-case": "^4.1.2",
72
72
  "clsx": "^2.1.1",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "2453690ba117f1c1634e078f3a0b6a9ac47820ba"
85
+ "gitHead": "b78063a69a8154bed32c2217ffbaf911852cffb5"
86
86
  }
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { Card, CardBody } from '@wordpress/components';
5
5
  import { __ } from '@wordpress/i18n';
6
- import { useZoomOut } from '@wordpress/block-editor';
6
+ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
7
7
  import { useDispatch } from '@wordpress/data';
8
8
  import { store as editorStore } from '@wordpress/editor';
9
9
 
@@ -12,6 +12,9 @@ import { store as editorStore } from '@wordpress/editor';
12
12
  */
13
13
  import ScreenHeader from './header';
14
14
  import SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';
15
+ import { unlock } from '../../lock-unlock';
16
+
17
+ const { useZoomOut } = unlock( blockEditorPrivateApis );
15
18
 
16
19
  function ScreenStyleVariations() {
17
20
  // Style Variations should only be previewed in with