@wordpress/edit-post 8.43.1-next.v.202604091042.0 → 8.45.0

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.
Files changed (30) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/build/components/back-button/fullscreen-mode-close.cjs +1 -1
  3. package/build/components/back-button/fullscreen-mode-close.cjs.map +1 -1
  4. package/build/components/layout/index.cjs +2 -1
  5. package/build/components/layout/index.cjs.map +2 -2
  6. package/build/components/meta-boxes/use-meta-box-initialization.cjs +10 -4
  7. package/build/components/meta-boxes/use-meta-box-initialization.cjs.map +3 -3
  8. package/build/store/reducer.cjs +4 -1
  9. package/build/store/reducer.cjs.map +2 -2
  10. package/build-module/components/back-button/fullscreen-mode-close.mjs +1 -1
  11. package/build-module/components/back-button/fullscreen-mode-close.mjs.map +1 -1
  12. package/build-module/components/layout/index.mjs +1 -1
  13. package/build-module/components/layout/index.mjs.map +2 -2
  14. package/build-module/components/meta-boxes/use-meta-box-initialization.mjs +10 -4
  15. package/build-module/components/meta-boxes/use-meta-box-initialization.mjs.map +2 -2
  16. package/build-module/store/reducer.mjs +4 -1
  17. package/build-module/store/reducer.mjs.map +2 -2
  18. package/build-style/classic-rtl.css +2 -1
  19. package/build-style/classic.css +2 -1
  20. package/build-style/style-rtl.css +1 -136
  21. package/build-style/style.css +1 -136
  22. package/package.json +34 -33
  23. package/src/classic.scss +4 -1
  24. package/src/components/back-button/fullscreen-mode-close.js +1 -1
  25. package/src/components/layout/index.js +2 -2
  26. package/src/components/layout/style.scss +1 -1
  27. package/src/components/meta-boxes/test/use-meta-box-initialization.js +191 -0
  28. package/src/components/meta-boxes/use-meta-box-initialization.js +14 -4
  29. package/src/store/reducer.js +4 -1
  30. package/src/style.scss +0 -1
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/meta-boxes/use-meta-box-initialization.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Initializes WordPress `postboxes` script and the logic for saving meta boxes.\n *\n * @param { boolean } enabled\n */\nexport const useMetaBoxInitialization = ( enabled ) => {\n\tconst { isEnabledAndEditorReady, isCollaborationEnabled } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisEnabledAndEditorReady:\n\t\t\t\tenabled && select( editorStore ).__unstableIsEditorReady(),\n\t\t\tisCollaborationEnabled:\n\t\t\t\tselect( editorStore ).isCollaborationEnabledForCurrentPost(),\n\t\t} ),\n\t\t[ enabled ]\n\t);\n\tconst { setCollaborationSupported } = unlock( useDispatch( coreStore ) );\n\n\tconst { initializeMetaBoxes } = useDispatch( editPostStore );\n\t// The effect has to rerun when the editor is ready because initializeMetaBoxes\n\t// will noop until then.\n\tuseEffect( () => {\n\t\tif ( isEnabledAndEditorReady ) {\n\t\t\tinitializeMetaBoxes();\n\n\t\t\t// Disable real-time collaboration when legacy meta boxes are detected.\n\t\t\tif ( isCollaborationEnabled ) {\n\t\t\t\tsetCollaborationSupported( false );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tisEnabledAndEditorReady,\n\t\tinitializeMetaBoxes,\n\t\tisCollaborationEnabled,\n\t\tsetCollaborationSupported,\n\t] );\n};\n"],
5
- "mappings": ";AAGA,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,mBAAmB;AACrC,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAK1B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAOhB,IAAM,2BAA2B,CAAE,YAAa;AACtD,QAAM,EAAE,yBAAyB,uBAAuB,IAAI;AAAA,IAC3D,CAAE,YAAc;AAAA,MACf,yBACC,WAAW,OAAQ,WAAY,EAAE,wBAAwB;AAAA,MAC1D,wBACC,OAAQ,WAAY,EAAE,qCAAqC;AAAA,IAC7D;AAAA,IACA,CAAE,OAAQ;AAAA,EACX;AACA,QAAM,EAAE,0BAA0B,IAAI,OAAQ,YAAa,SAAU,CAAE;AAEvE,QAAM,EAAE,oBAAoB,IAAI,YAAa,aAAc;AAG3D,YAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,0BAAoB;AAGpB,UAAK,wBAAyB;AAC7B,kCAA2B,KAAM;AAAA,MAClC;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * Initializes WordPress `postboxes` script and the logic for saving meta boxes.\n *\n * @param { boolean } enabled\n */\nexport const useMetaBoxInitialization = ( enabled ) => {\n\tconst {\n\t\tisEnabledAndEditorReady,\n\t\tisCollaborationEnabled,\n\t\thasIncompatibleMetaBoxes,\n\t} = useSelect(\n\t\t( select ) => ( {\n\t\t\tisEnabledAndEditorReady:\n\t\t\t\tenabled && select( editorStore ).__unstableIsEditorReady(),\n\t\t\tisCollaborationEnabled:\n\t\t\t\tselect( editorStore ).isCollaborationEnabledForCurrentPost(),\n\t\t\thasIncompatibleMetaBoxes: enabled\n\t\t\t\t? select( editPostStore )\n\t\t\t\t\t\t.getAllMetaBoxes()\n\t\t\t\t\t\t.some( ( metaBox ) => ! metaBox.__rtc_compatible )\n\t\t\t\t: false,\n\t\t} ),\n\t\t[ enabled ]\n\t);\n\tconst { setCollaborationSupported } = unlock( useDispatch( coreStore ) );\n\tconst { initializeMetaBoxes } = useDispatch( editPostStore );\n\n\t// The effect has to rerun when the editor is ready because initializeMetaBoxes\n\t// will noop until then.\n\tuseEffect( () => {\n\t\tif ( isEnabledAndEditorReady ) {\n\t\t\tinitializeMetaBoxes();\n\n\t\t\t// Disable real-time collaboration when incompatible meta boxes are detected.\n\t\t\tif ( isCollaborationEnabled && hasIncompatibleMetaBoxes ) {\n\t\t\t\tsetCollaborationSupported( false );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tisEnabledAndEditorReady,\n\t\tinitializeMetaBoxes,\n\t\tisCollaborationEnabled,\n\t\tsetCollaborationSupported,\n\t\thasIncompatibleMetaBoxes,\n\t] );\n};\n"],
5
+ "mappings": ";AAGA,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,mBAAmB;AACrC,SAAS,SAAS,iBAAiB;AACnC,SAAS,iBAAiB;AAK1B,SAAS,SAAS,qBAAqB;AACvC,SAAS,cAAc;AAOhB,IAAM,2BAA2B,CAAE,YAAa;AACtD,QAAM;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACD,IAAI;AAAA,IACH,CAAE,YAAc;AAAA,MACf,yBACC,WAAW,OAAQ,WAAY,EAAE,wBAAwB;AAAA,MAC1D,wBACC,OAAQ,WAAY,EAAE,qCAAqC;AAAA,MAC5D,0BAA0B,UACvB,OAAQ,aAAc,EACrB,gBAAgB,EAChB,KAAM,CAAE,YAAa,CAAE,QAAQ,gBAAiB,IACjD;AAAA,IACJ;AAAA,IACA,CAAE,OAAQ;AAAA,EACX;AACA,QAAM,EAAE,0BAA0B,IAAI,OAAQ,YAAa,SAAU,CAAE;AACvE,QAAM,EAAE,oBAAoB,IAAI,YAAa,aAAc;AAI3D,YAAW,MAAM;AAChB,QAAK,yBAA0B;AAC9B,0BAAoB;AAGpB,UAAK,0BAA0B,0BAA2B;AACzD,kCAA2B,KAAM;AAAA,MAClC;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
6
6
  "names": []
7
7
  }
@@ -18,7 +18,10 @@ function mergeMetaboxes(metaboxes = [], newMetaboxes) {
18
18
  (box) => box.id === metabox.id
19
19
  );
20
20
  if (existing !== -1) {
21
- mergedMetaboxes[existing] = metabox;
21
+ mergedMetaboxes[existing] = {
22
+ ...mergedMetaboxes[existing],
23
+ ...metabox
24
+ };
22
25
  } else {
23
26
  mergedMetaboxes.push(metabox);
24
27
  }
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/store/reducer.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer keeping track of the meta boxes isSaving state.\n * A \"true\" value means the meta boxes saving request is in-flight.\n *\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function isSavingMetaBoxes( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REQUEST_META_BOX_UPDATES':\n\t\t\treturn true;\n\t\tcase 'META_BOX_UPDATES_SUCCESS':\n\t\tcase 'META_BOX_UPDATES_FAILURE':\n\t\t\treturn false;\n\t\tdefault:\n\t\t\treturn state;\n\t}\n}\n\nfunction mergeMetaboxes( metaboxes = [], newMetaboxes ) {\n\tconst mergedMetaboxes = [ ...metaboxes ];\n\tfor ( const metabox of newMetaboxes ) {\n\t\tconst existing = mergedMetaboxes.findIndex(\n\t\t\t( box ) => box.id === metabox.id\n\t\t);\n\t\tif ( existing !== -1 ) {\n\t\t\tmergedMetaboxes[ existing ] = metabox;\n\t\t} else {\n\t\t\tmergedMetaboxes.push( metabox );\n\t\t}\n\t}\n\treturn mergedMetaboxes;\n}\n\n/**\n * Reducer keeping track of the meta boxes per location.\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function metaBoxLocations( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_META_BOXES_PER_LOCATIONS': {\n\t\t\tconst newState = { ...state };\n\t\t\tfor ( const [ location, metaboxes ] of Object.entries(\n\t\t\t\taction.metaBoxesPerLocation\n\t\t\t) ) {\n\t\t\t\tnewState[ location ] = mergeMetaboxes(\n\t\t\t\t\tnewState[ location ],\n\t\t\t\t\tmetaboxes\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn newState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer tracking whether meta boxes are initialized.\n *\n * @param {boolean} state\n * @param {Object} action\n *\n * @return {boolean} Updated state.\n */\nfunction metaBoxesInitialized( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'META_BOXES_INITIALIZED':\n\t\t\treturn true;\n\t}\n\treturn state;\n}\n\nconst metaBoxes = combineReducers( {\n\tisSaving: isSavingMetaBoxes,\n\tlocations: metaBoxLocations,\n\tinitialized: metaBoxesInitialized,\n} );\n\nexport default combineReducers( {\n\tmetaBoxes,\n} );\n"],
5
- "mappings": ";AAGA,SAAS,uBAAuB;AAYzB,SAAS,kBAAmB,QAAQ,OAAO,QAAS;AAC1D,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AAAA,IACL,KAAK;AACJ,aAAO;AAAA,IACR;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,eAAgB,YAAY,CAAC,GAAG,cAAe;AACvD,QAAM,kBAAkB,CAAE,GAAG,SAAU;AACvC,aAAY,WAAW,cAAe;AACrC,UAAM,WAAW,gBAAgB;AAAA,MAChC,CAAE,QAAS,IAAI,OAAO,QAAQ;AAAA,IAC/B;AACA,QAAK,aAAa,IAAK;AACtB,sBAAiB,QAAS,IAAI;AAAA,IAC/B,OAAO;AACN,sBAAgB,KAAM,OAAQ;AAAA,IAC/B;AAAA,EACD;AACA,SAAO;AACR;AAUO,SAAS,iBAAkB,QAAQ,CAAC,GAAG,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK,gCAAgC;AACpC,YAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,iBAAY,CAAE,UAAU,SAAU,KAAK,OAAO;AAAA,QAC7C,OAAO;AAAA,MACR,GAAI;AACH,iBAAU,QAAS,IAAI;AAAA,UACtB,SAAU,QAAS;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AACA,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,qBAAsB,QAAQ,OAAO,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,EACT;AACA,SAAO;AACR;AAEA,IAAM,YAAY,gBAAiB;AAAA,EAClC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AACd,CAAE;AAEF,IAAO,kBAAQ,gBAAiB;AAAA,EAC/B;AACD,CAAE;",
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer keeping track of the meta boxes isSaving state.\n * A \"true\" value means the meta boxes saving request is in-flight.\n *\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function isSavingMetaBoxes( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REQUEST_META_BOX_UPDATES':\n\t\t\treturn true;\n\t\tcase 'META_BOX_UPDATES_SUCCESS':\n\t\tcase 'META_BOX_UPDATES_FAILURE':\n\t\t\treturn false;\n\t\tdefault:\n\t\t\treturn state;\n\t}\n}\n\nfunction mergeMetaboxes( metaboxes = [], newMetaboxes ) {\n\tconst mergedMetaboxes = [ ...metaboxes ];\n\tfor ( const metabox of newMetaboxes ) {\n\t\tconst existing = mergedMetaboxes.findIndex(\n\t\t\t( box ) => box.id === metabox.id\n\t\t);\n\t\tif ( existing !== -1 ) {\n\t\t\tmergedMetaboxes[ existing ] = {\n\t\t\t\t...mergedMetaboxes[ existing ],\n\t\t\t\t...metabox,\n\t\t\t};\n\t\t} else {\n\t\t\tmergedMetaboxes.push( metabox );\n\t\t}\n\t}\n\treturn mergedMetaboxes;\n}\n\n/**\n * Reducer keeping track of the meta boxes per location.\n *\n * @param {boolean} state Previous state.\n * @param {Object} action Action Object.\n *\n * @return {Object} Updated state.\n */\nexport function metaBoxLocations( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_META_BOXES_PER_LOCATIONS': {\n\t\t\tconst newState = { ...state };\n\t\t\tfor ( const [ location, metaboxes ] of Object.entries(\n\t\t\t\taction.metaBoxesPerLocation\n\t\t\t) ) {\n\t\t\t\tnewState[ location ] = mergeMetaboxes(\n\t\t\t\t\tnewState[ location ],\n\t\t\t\t\tmetaboxes\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn newState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer tracking whether meta boxes are initialized.\n *\n * @param {boolean} state\n * @param {Object} action\n *\n * @return {boolean} Updated state.\n */\nfunction metaBoxesInitialized( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'META_BOXES_INITIALIZED':\n\t\t\treturn true;\n\t}\n\treturn state;\n}\n\nconst metaBoxes = combineReducers( {\n\tisSaving: isSavingMetaBoxes,\n\tlocations: metaBoxLocations,\n\tinitialized: metaBoxesInitialized,\n} );\n\nexport default combineReducers( {\n\tmetaBoxes,\n} );\n"],
5
+ "mappings": ";AAGA,SAAS,uBAAuB;AAYzB,SAAS,kBAAmB,QAAQ,OAAO,QAAS;AAC1D,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AAAA,IACL,KAAK;AACJ,aAAO;AAAA,IACR;AACC,aAAO;AAAA,EACT;AACD;AAEA,SAAS,eAAgB,YAAY,CAAC,GAAG,cAAe;AACvD,QAAM,kBAAkB,CAAE,GAAG,SAAU;AACvC,aAAY,WAAW,cAAe;AACrC,UAAM,WAAW,gBAAgB;AAAA,MAChC,CAAE,QAAS,IAAI,OAAO,QAAQ;AAAA,IAC/B;AACA,QAAK,aAAa,IAAK;AACtB,sBAAiB,QAAS,IAAI;AAAA,QAC7B,GAAG,gBAAiB,QAAS;AAAA,QAC7B,GAAG;AAAA,MACJ;AAAA,IACD,OAAO;AACN,sBAAgB,KAAM,OAAQ;AAAA,IAC/B;AAAA,EACD;AACA,SAAO;AACR;AAUO,SAAS,iBAAkB,QAAQ,CAAC,GAAG,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK,gCAAgC;AACpC,YAAM,WAAW,EAAE,GAAG,MAAM;AAC5B,iBAAY,CAAE,UAAU,SAAU,KAAK,OAAO;AAAA,QAC7C,OAAO;AAAA,MACR,GAAI;AACH,iBAAU,QAAS,IAAI;AAAA,UACtB,SAAU,QAAS;AAAA,UACnB;AAAA,QACD;AAAA,MACD;AACA,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,qBAAsB,QAAQ,OAAO,QAAS;AACtD,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,EACT;AACA,SAAO;AACR;AAEA,IAAM,YAAY,gBAAiB;AAAA,EAClC,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AACd,CAAE;AAEF,IAAO,kBAAQ,gBAAiB;AAAA,EAC/B;AACD,CAAE;",
6
6
  "names": []
7
7
  }
@@ -92,9 +92,10 @@
92
92
  margin-left: auto;
93
93
  }
94
94
 
95
- html :where(.editor-styles-wrapper) {
95
+ .editor-styles-wrapper {
96
96
  padding: 8px;
97
97
  }
98
+
98
99
  html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
99
100
  margin-right: -8px;
100
101
  margin-left: -8px;
@@ -92,9 +92,10 @@
92
92
  margin-right: auto;
93
93
  }
94
94
 
95
- html :where(.editor-styles-wrapper) {
95
+ .editor-styles-wrapper {
96
96
  padding: 8px;
97
97
  }
98
+
98
99
  html :where(.editor-styles-wrapper) .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
99
100
  margin-left: -8px;
100
101
  margin-right: -8px;
@@ -106,141 +106,6 @@
106
106
  }
107
107
  }
108
108
 
109
- .admin-ui-page {
110
- display: flex;
111
- height: 100%;
112
- background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
113
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
114
- position: relative;
115
- z-index: 1;
116
- flex-flow: column;
117
- text-wrap: pretty;
118
- }
119
-
120
- .admin-ui-page__header {
121
- padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
122
- border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
123
- background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
124
- position: sticky;
125
- top: 0;
126
- z-index: 1;
127
- }
128
-
129
- .admin-ui-page__header-title {
130
- font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
131
- font-size: var(--wpds-font-size-lg, 15px);
132
- font-weight: var(--wpds-font-weight-medium, 499);
133
- line-height: var(--wpds-font-line-height-lg, 28px);
134
- margin: 0;
135
- overflow: hidden;
136
- text-overflow: ellipsis;
137
- white-space: nowrap;
138
- }
139
-
140
- .admin-ui-page__sidebar-toggle-slot:empty {
141
- display: none;
142
- }
143
-
144
- .admin-ui-page__header-subtitle {
145
- padding-block-end: var(--wpds-dimension-padding-xs, 4px);
146
- color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
147
- font-size: var(--wpds-font-size-md, 13px);
148
- line-height: var(--wpds-font-line-height-md, 24px);
149
- margin: 0;
150
- }
151
-
152
- .admin-ui-page__content {
153
- flex-grow: 1;
154
- overflow: auto;
155
- display: flex;
156
- flex-direction: column;
157
- }
158
-
159
- .admin-ui-page__content.has-padding {
160
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
161
- }
162
-
163
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
164
- width: auto;
165
- padding: 0 var(--wpds-dimension-padding-xs, 4px);
166
- }
167
-
168
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
169
- display: none;
170
- }
171
-
172
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
173
- content: attr(aria-label);
174
- font-size: var(--wpds-font-size-sm, 12px);
175
- }
176
-
177
- /**
178
- * SCSS Variables.
179
- *
180
- * Please use variables from this sheet to ensure consistency across the UI.
181
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
182
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
183
- */
184
- /**
185
- * Colors
186
- */
187
- /**
188
- * Fonts & basic variables.
189
- */
190
- /**
191
- * Typography
192
- */
193
- /**
194
- * Grid System.
195
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
196
- */
197
- /**
198
- * Radius scale.
199
- */
200
- /**
201
- * Elevation scale.
202
- */
203
- /**
204
- * Dimensions.
205
- */
206
- /**
207
- * Mobile specific styles
208
- */
209
- /**
210
- * Editor styles.
211
- */
212
- /**
213
- * Block & Editor UI.
214
- */
215
- /**
216
- * Block paddings.
217
- */
218
- /**
219
- * React Native specific.
220
- * These variables do not appear to be used anywhere else.
221
- */
222
- .admin-ui-breadcrumbs__list {
223
- font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
224
- font-size: var(--wpds-font-size-lg, 15px);
225
- font-weight: var(--wpds-font-weight-medium, 499);
226
- line-height: var(--wpds-font-line-height-lg, 28px);
227
- list-style: none;
228
- padding: 0;
229
- margin: 0;
230
- gap: 0;
231
- min-height: 32px;
232
- }
233
-
234
- .admin-ui-breadcrumbs__list li:not(:last-child)::after {
235
- content: "/";
236
- margin: 0 8px;
237
- }
238
-
239
- .admin-ui-breadcrumbs__list h1 {
240
- font-size: inherit;
241
- line-height: inherit;
242
- }
243
-
244
109
  .edit-post-fullscreen-mode-close__view-mode-toggle {
245
110
  top: 0;
246
111
  right: 0;
@@ -367,7 +232,7 @@
367
232
  touch-action: none;
368
233
  }
369
234
  .edit-post-meta-boxes-main__presenter > button[aria-expanded] {
370
- cursor: pointer;
235
+ cursor: var(--wpds-cursor-control, pointer);
371
236
  width: 100%;
372
237
  display: flex;
373
238
  justify-content: space-between;
@@ -106,141 +106,6 @@
106
106
  }
107
107
  }
108
108
 
109
- .admin-ui-page {
110
- display: flex;
111
- height: 100%;
112
- background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
113
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
114
- position: relative;
115
- z-index: 1;
116
- flex-flow: column;
117
- text-wrap: pretty;
118
- }
119
-
120
- .admin-ui-page__header {
121
- padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
122
- border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
123
- background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
124
- position: sticky;
125
- top: 0;
126
- z-index: 1;
127
- }
128
-
129
- .admin-ui-page__header-title {
130
- font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
131
- font-size: var(--wpds-font-size-lg, 15px);
132
- font-weight: var(--wpds-font-weight-medium, 499);
133
- line-height: var(--wpds-font-line-height-lg, 28px);
134
- margin: 0;
135
- overflow: hidden;
136
- text-overflow: ellipsis;
137
- white-space: nowrap;
138
- }
139
-
140
- .admin-ui-page__sidebar-toggle-slot:empty {
141
- display: none;
142
- }
143
-
144
- .admin-ui-page__header-subtitle {
145
- padding-block-end: var(--wpds-dimension-padding-xs, 4px);
146
- color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
147
- font-size: var(--wpds-font-size-md, 13px);
148
- line-height: var(--wpds-font-line-height-md, 24px);
149
- margin: 0;
150
- }
151
-
152
- .admin-ui-page__content {
153
- flex-grow: 1;
154
- overflow: auto;
155
- display: flex;
156
- flex-direction: column;
157
- }
158
-
159
- .admin-ui-page__content.has-padding {
160
- padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
161
- }
162
-
163
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
164
- width: auto;
165
- padding: 0 var(--wpds-dimension-padding-xs, 4px);
166
- }
167
-
168
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
169
- display: none;
170
- }
171
-
172
- .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
173
- content: attr(aria-label);
174
- font-size: var(--wpds-font-size-sm, 12px);
175
- }
176
-
177
- /**
178
- * SCSS Variables.
179
- *
180
- * Please use variables from this sheet to ensure consistency across the UI.
181
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
182
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
183
- */
184
- /**
185
- * Colors
186
- */
187
- /**
188
- * Fonts & basic variables.
189
- */
190
- /**
191
- * Typography
192
- */
193
- /**
194
- * Grid System.
195
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
196
- */
197
- /**
198
- * Radius scale.
199
- */
200
- /**
201
- * Elevation scale.
202
- */
203
- /**
204
- * Dimensions.
205
- */
206
- /**
207
- * Mobile specific styles
208
- */
209
- /**
210
- * Editor styles.
211
- */
212
- /**
213
- * Block & Editor UI.
214
- */
215
- /**
216
- * Block paddings.
217
- */
218
- /**
219
- * React Native specific.
220
- * These variables do not appear to be used anywhere else.
221
- */
222
- .admin-ui-breadcrumbs__list {
223
- font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
224
- font-size: var(--wpds-font-size-lg, 15px);
225
- font-weight: var(--wpds-font-weight-medium, 499);
226
- line-height: var(--wpds-font-line-height-lg, 28px);
227
- list-style: none;
228
- padding: 0;
229
- margin: 0;
230
- gap: 0;
231
- min-height: 32px;
232
- }
233
-
234
- .admin-ui-breadcrumbs__list li:not(:last-child)::after {
235
- content: "/";
236
- margin: 0 8px;
237
- }
238
-
239
- .admin-ui-breadcrumbs__list h1 {
240
- font-size: inherit;
241
- line-height: inherit;
242
- }
243
-
244
109
  .edit-post-fullscreen-mode-close__view-mode-toggle {
245
110
  top: 0;
246
111
  left: 0;
@@ -367,7 +232,7 @@
367
232
  touch-action: none;
368
233
  }
369
234
  .edit-post-meta-boxes-main__presenter > button[aria-expanded] {
370
- cursor: pointer;
235
+ cursor: var(--wpds-cursor-control, pointer);
371
236
  width: 100%;
372
237
  display: flex;
373
238
  justify-content: space-between;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-post",
3
- "version": "8.43.1-next.v.202604091042.0+668146787",
3
+ "version": "8.45.0",
4
4
  "description": "Edit Post module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -48,37 +48,38 @@
48
48
  "postbox"
49
49
  ],
50
50
  "dependencies": {
51
- "@wordpress/a11y": "^4.43.1-next.v.202604091042.0+668146787",
52
- "@wordpress/admin-ui": "^1.11.1-next.v.202604091042.0+668146787",
53
- "@wordpress/api-fetch": "^7.43.1-next.v.202604091042.0+668146787",
54
- "@wordpress/base-styles": "^6.19.1-next.v.202604091042.0+668146787",
55
- "@wordpress/block-editor": "^15.16.1-next.v.202604091042.0+668146787",
56
- "@wordpress/block-library": "^9.43.1-next.v.202604091042.0+668146787",
57
- "@wordpress/blocks": "^15.16.1-next.v.202604091042.0+668146787",
58
- "@wordpress/commands": "^1.43.1-next.v.202604091042.0+668146787",
59
- "@wordpress/components": "^32.5.2-next.v.202604091042.0+668146787",
60
- "@wordpress/compose": "^7.43.1-next.v.202604091042.0+668146787",
61
- "@wordpress/core-data": "^7.43.2-next.v.202604091042.0+668146787",
62
- "@wordpress/data": "^10.43.1-next.v.202604091042.0+668146787",
63
- "@wordpress/deprecated": "^4.43.1-next.v.202604091042.0+668146787",
64
- "@wordpress/dom": "^4.43.1-next.v.202604091042.0+668146787",
65
- "@wordpress/editor": "^14.43.1-next.v.202604091042.0+668146787",
66
- "@wordpress/element": "^6.44.1-next.v.202604091042.0+668146787",
67
- "@wordpress/global-styles-engine": "^1.10.1-next.v.202604091042.0+668146787",
68
- "@wordpress/hooks": "^4.43.1-next.v.202604091042.0+668146787",
69
- "@wordpress/html-entities": "^4.43.1-next.v.202604091042.0+668146787",
70
- "@wordpress/i18n": "^6.17.1-next.v.202604091042.0+668146787",
71
- "@wordpress/icons": "^12.1.1-next.v.202604091042.0+668146787",
72
- "@wordpress/keyboard-shortcuts": "^5.43.1-next.v.202604091042.0+668146787",
73
- "@wordpress/keycodes": "^4.43.1-next.v.202604091042.0+668146787",
74
- "@wordpress/notices": "^5.43.1-next.v.202604091042.0+668146787",
75
- "@wordpress/plugins": "^7.43.1-next.v.202604091042.0+668146787",
76
- "@wordpress/preferences": "^4.43.1-next.v.202604091042.0+668146787",
77
- "@wordpress/private-apis": "^1.43.1-next.v.202604091042.0+668146787",
78
- "@wordpress/url": "^4.43.1-next.v.202604091042.0+668146787",
79
- "@wordpress/viewport": "^6.43.1-next.v.202604091042.0+668146787",
80
- "@wordpress/warning": "^3.43.1-next.v.202604091042.0+668146787",
81
- "@wordpress/widgets": "^4.43.1-next.v.202604091042.0+668146787",
51
+ "@wordpress/a11y": "^4.45.0",
52
+ "@wordpress/admin-ui": "^2.0.0",
53
+ "@wordpress/api-fetch": "^7.45.0",
54
+ "@wordpress/base-styles": "^7.0.0",
55
+ "@wordpress/block-editor": "^15.18.0",
56
+ "@wordpress/block-library": "^9.45.0",
57
+ "@wordpress/blocks": "^15.18.0",
58
+ "@wordpress/commands": "^1.45.0",
59
+ "@wordpress/components": "^33.0.0",
60
+ "@wordpress/compose": "^7.45.0",
61
+ "@wordpress/core-data": "^7.45.0",
62
+ "@wordpress/data": "^10.45.0",
63
+ "@wordpress/deprecated": "^4.45.0",
64
+ "@wordpress/dom": "^4.45.0",
65
+ "@wordpress/editor": "^14.45.0",
66
+ "@wordpress/element": "^6.45.0",
67
+ "@wordpress/global-styles-engine": "^1.12.0",
68
+ "@wordpress/hooks": "^4.45.0",
69
+ "@wordpress/html-entities": "^4.45.0",
70
+ "@wordpress/i18n": "^6.18.0",
71
+ "@wordpress/icons": "^13.0.0",
72
+ "@wordpress/keyboard-shortcuts": "^5.45.0",
73
+ "@wordpress/keycodes": "^4.45.0",
74
+ "@wordpress/notices": "^5.45.0",
75
+ "@wordpress/plugins": "^7.45.0",
76
+ "@wordpress/preferences": "^4.45.0",
77
+ "@wordpress/private-apis": "^1.45.0",
78
+ "@wordpress/ui": "^0.12.0",
79
+ "@wordpress/url": "^4.45.0",
80
+ "@wordpress/viewport": "^6.45.0",
81
+ "@wordpress/warning": "^3.45.0",
82
+ "@wordpress/widgets": "^4.45.0",
82
83
  "clsx": "^2.1.1",
83
84
  "memize": "^2.1.0"
84
85
  },
@@ -89,5 +90,5 @@
89
90
  "publishConfig": {
90
91
  "access": "public"
91
92
  },
92
- "gitHead": "73606df74f1c38a084bfa5db97205259ef817593"
93
+ "gitHead": "8c229eaed0e88c9827e2da3d73a78f9ddd77714b"
93
94
  }
package/src/classic.scss CHANGED
@@ -14,8 +14,11 @@
14
14
  // Themes with theme.json can control this themselves.
15
15
  // For full-wide blocks, we compensate for the base padding.
16
16
  // These margins should match the padding value above.
17
- html :where(.editor-styles-wrapper) {
17
+ .editor-styles-wrapper {
18
18
  padding: 8px;
19
+ }
20
+
21
+ html :where(.editor-styles-wrapper) {
19
22
  .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] {
20
23
  margin-left: -8px;
21
24
  margin-right: -8px;
@@ -134,7 +134,7 @@ function FullscreenModeClose( { showTooltip, icon, href, initialPost } ) {
134
134
  href={ buttonHref }
135
135
  label={ buttonLabel }
136
136
  showTooltip={ showTooltip }
137
- tooltipPosition="middle right"
137
+ tooltipPosition="bottom"
138
138
  >
139
139
  <motion.div variants={ ! disableMotion && siteIconVariants }>
140
140
  <div className="edit-post-fullscreen-mode-close__view-mode-toggle-icon">
@@ -41,7 +41,6 @@ import {
41
41
  Icon,
42
42
  SlotFillProvider,
43
43
  Tooltip,
44
- VisuallyHidden,
45
44
  __unstableUseNavigateRegions as useNavigateRegions,
46
45
  privateApis as componentsPrivateApis,
47
46
  } from '@wordpress/components';
@@ -51,6 +50,7 @@ import {
51
50
  useRefEffect,
52
51
  useViewportMatch,
53
52
  } from '@wordpress/compose';
53
+ import { VisuallyHidden } from '@wordpress/ui';
54
54
 
55
55
  /**
56
56
  * Internal dependencies
@@ -329,7 +329,7 @@ function MetaBoxesMain( { isLegacy } ) {
329
329
  const separator = ! isShort && (
330
330
  <>
331
331
  <Tooltip text={ __( 'Drag to resize' ) }>
332
- <button // eslint-disable-line jsx-a11y/role-supports-aria-props
332
+ <button
333
333
  ref={ separatorRef }
334
334
  role="separator" // eslint-disable-line jsx-a11y/no-interactive-element-to-noninteractive-role
335
335
  aria-valuenow={ usedAriaValueNow }
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  > button[aria-expanded] {
42
- cursor: pointer;
42
+ cursor: var(--wpds-cursor-control);
43
43
  width: 100%;
44
44
  display: flex;
45
45
  justify-content: space-between;