@wordpress/boot 0.17.1-next.v.202607070741.0 → 0.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/boot",
-	"version": "0.17.1-next.v.202607070741.0+a51d59513",
+	"version": "0.18.0",
 	"description": "Minimal boot package for WordPress admin pages.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -40,35 +40,35 @@
 	"wpScriptModuleExports": "./build-module/index.mjs",
 	"types": "build-types",
 	"dependencies": {
-		"@wordpress/a11y": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/admin-ui": "^2.5.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/commands": "^1.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/core-data": "^7.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/editor": "^14.51.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/html-entities": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/keyboard-shortcuts": "^5.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/keycodes": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/lazy-editor": "^1.16.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/notices": "^5.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/primitives": "^4.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/private-apis": "^1.50.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/route": "^0.16.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/theme": "^0.17.2-next.v.202607070741.0+a51d59513",
-		"@wordpress/ui": "^0.18.1-next.v.202607070741.0+a51d59513",
-		"@wordpress/url": "^4.50.1-next.v.202607070741.0+a51d59513",
+		"@wordpress/a11y": "^4.51.0",
+		"@wordpress/admin-ui": "^2.6.0",
+		"@wordpress/base-styles": "^11.0.0",
+		"@wordpress/commands": "^1.51.0",
+		"@wordpress/components": "^37.0.0",
+		"@wordpress/compose": "^8.4.0",
+		"@wordpress/core-data": "^7.51.0",
+		"@wordpress/data": "^10.51.0",
+		"@wordpress/editor": "^14.51.0",
+		"@wordpress/element": "^8.3.0",
+		"@wordpress/html-entities": "^4.51.0",
+		"@wordpress/i18n": "^6.24.0",
+		"@wordpress/icons": "^15.2.0",
+		"@wordpress/keyboard-shortcuts": "^5.51.0",
+		"@wordpress/keycodes": "^4.51.0",
+		"@wordpress/lazy-editor": "^1.17.0",
+		"@wordpress/notices": "^5.51.0",
+		"@wordpress/primitives": "^4.51.0",
+		"@wordpress/private-apis": "^1.51.0",
+		"@wordpress/route": "^0.17.0",
+		"@wordpress/theme": "^1.0.0",
+		"@wordpress/ui": "^0.18.0",
+		"@wordpress/url": "^4.51.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {
-		"@types/react": "^18.3.27",
-		"react": "^18.0.0",
-		"react-dom": "^18.0.0"
+		"@types/react": "^18 || ^19",
+		"react": "^18 || ^19",
+		"react-dom": "^18 || ^19"
 	},
 	"peerDependenciesMeta": {
 		"@types/react": {
@@ -78,5 +78,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
+	"gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
 }

package/src/components/canvas/back-button.tsx

@@ -1,15 +1,10 @@
 /**
  * WordPress dependencies
  */
-import { Button, Icon as WCIcon } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { chevronLeft, chevronRight } from '@wordpress/icons';
 import { __, isRTL } from '@wordpress/i18n';
 
-/**
- * Internal dependencies
- */
-import './back-button.scss';
-
 /**
  * Back button component that appears in full-screen canvas mode.
  *
@@ -28,16 +23,11 @@ export default function BootBackButton( { length }: { length: number } ) {
 	}
 
 	return (
-		<div className="boot-canvas-back-button">
-			<Button
-				className="boot-canvas-back-button__link"
-				onClick={ handleBack }
-				aria-label={ __( 'Go back' ) }
-				__next40pxDefaultSize
-			/>
-			<div className="boot-canvas-back-button__icon">
-				<WCIcon icon={ isRTL() ? chevronRight : chevronLeft } />
-			</div>
-		</div>
+		<Button
+			size="compact"
+			onClick={ handleBack }
+			label={ __( 'Go back' ) }
+			icon={ isRTL() ? chevronRight : chevronLeft }
+		/>
 	);
 }

package/src/components/navigation/navigation-item/style.scss

@@ -29,7 +29,7 @@
 	}
 
 	&.active {
-		font-weight: variables.$font-weight-medium;
+		font-weight: var(--wpds-typography-font-weight-emphasis);
 	}
 
 	svg:last-child {
@@ -38,7 +38,7 @@
 
 	&[aria-current="true"] {
 		color: var(--wpds-color-foreground-interactive-brand-active);
-		font-weight: variables.$font-weight-medium;
+		font-weight: var(--wpds-typography-font-weight-emphasis);
 	}
 
 	// Make sure the focus style is drawn on top of the current item background.

package/src/style.scss

@@ -1,4 +1,3 @@
-@use "@wordpress/theme/src/prebuilt/css/design-tokens.css" as *;
 @use "@wordpress/base-styles/mixins" as *;
 @use "@wordpress/base-styles/variables" as *;
 

package/src/components/canvas/back-button.scss

@@ -1,59 +0,0 @@
-@use "@wordpress/base-styles/variables";
-
-.boot-canvas-back-button {
-	position: absolute;
-	top: 0;
-	left: 0;
-	height: variables.$header-height;
-	width: variables.$header-height;
-	z-index: 100;
-}
-
-.boot-canvas-back-button__container {
-	position: relative;
-	width: 100%;
-	height: 100%;
-}
-
-.boot-canvas-back-button__link.components-button {
-	width: variables.$header-height;
-	height: variables.$header-height;
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	text-decoration: none;
-	padding: 0;
-	border-radius: 0;
-
-	@media not (prefers-reduced-motion) {
-		transition: outline 0.1s ease-out;
-	}
-
-	&:focus:not(:active) {
-		outline:
-			var(--wpds-border-width-focus) solid
-			var(--wpds-color-stroke-focus);
-		outline-offset: calc(-1 * var(--wpds-border-width-focus));
-	}
-}
-
-.boot-canvas-back-button__icon {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: variables.$header-height;
-	height: variables.$header-height;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	pointer-events: none;
-
-	svg {
-		fill: currentColor;
-	}
-}
-
-// Remove the header slide-in animation so the back logo does not move.
-.interface-interface-skeleton__header {
-	margin-top: 0 !important;
-}