Interface: move Fullscreen mode component to interface package (#21334)

Move Fullscreen mode component from block-editor to interface package.
Remove fullscreen mode close button animations.

packages/block-editor/src/components/index.js

@@ -22,7 +22,6 @@ export { default as ButtonBlockerAppender } from './button-block-appender';
 export { default as ColorPalette } from './color-palette';
 export { default as ColorPaletteControl } from './color-palette/control';
 export { default as ContrastChecker } from './contrast-checker';
-export { default as __experimentalFullscreenMode } from './fullscreen-mode';
 export { default as __experimentalEditorSkeleton } from './editor-skeleton';
 export { default as __experimentalGradientPicker } from './gradient-picker';
 export { default as __experimentalGradientPickerControl } from './gradient-picker/control';

packages/block-editor/src/style.scss

@@ -55,6 +55,5 @@
 
 @import "./components/block-toolbar/style.scss";
 @import "./components/editor-skeleton/style.scss";
-@import "./components/fullscreen-mode/style.scss";
 @import "./components/inserter/style.scss";
 

packages/edit-post/src/components/layout/index.js

@@ -18,7 +18,6 @@ import { useSelect, useDispatch } from '@wordpress/data';
 import {
 	BlockBreadcrumb,
 	__experimentalEditorSkeleton as EditorSkeleton,
-	__experimentalFullscreenMode as FullscreenMode,
 } from '@wordpress/block-editor';
 import {
 	Button,
@@ -29,7 +28,7 @@ import {
 import { useViewportMatch } from '@wordpress/compose';
 import { PluginArea } from '@wordpress/plugins';
 import { __ } from '@wordpress/i18n';
-import { ComplementaryArea } from '@wordpress/interface';
+import { ComplementaryArea, FullscreenMode } from '@wordpress/interface';
 
 /**
  * Internal dependencies

packages/edit-site/src/components/editor/index.js

@@ -18,10 +18,10 @@ import { EntityProvider } from '@wordpress/core-data';
 import {
 	BlockBreadcrumb,
 	__experimentalEditorSkeleton as EditorSkeleton,
-	__experimentalFullscreenMode as FullscreenMode,
 	__unstableEditorStyles as EditorStyles,
 } from '@wordpress/block-editor';
 import { useViewportMatch } from '@wordpress/compose';
+import { FullscreenMode } from '@wordpress/interface';
 
 /**
  * Internal dependencies

packages/block-editor/src/components/fullscreen-mode/style.scss → packages/interface/src/components/fullscreen-mode/style.scss

@@ -19,18 +19,5 @@ body.js.is-fullscreen-mode {
 		#wpfooter {
 			margin-left: 0;
 		}
-
-		// Animations.
-		.edit-post-header {
-			transform: translateY(-100%);
-			animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards;
-			@include reduce-motion("animation");
-		}
-	}
-}
-
-@keyframes edit-post-fullscreen-mode__slide-in-animation {
-	100% {
-		transform: translateY(0%);
 	}
 }

packages/interface/src/components/index.js

@@ -1,2 +1,3 @@
 export { default as ComplementaryArea } from './complementary-area';
+export { default as FullscreenMode } from './fullscreen-mode';
 export { default as PinnedItems } from './pinned-items';

packages/interface/src/style.scss

@@ -1,3 +1,4 @@
 @import "./components/complementary-area-header/style.scss";
 @import "./components/complementary-area/style.scss";
+@import "./components/fullscreen-mode/style.scss";
 @import "./components/pinned-items/style.scss";