← All changes | build/styles/edit-site/style.css +595 -865 23.4.0 → trunk View file →

		@@ -1,5 +1,4 @@
1		-@charset "UTF-8";
2	1	/**
3	2	* Typography
4	3	*/
5	4	/**
		@@ -68,8 +67,14 @@
68	67	/**
69	68	* Focus styles.
70	69	*/
71	70	/**
	71	+ * Standard focus rings for the WordPress Design System.
	72	+ *
	73	+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
	74	+ * e.g. `&:focus { @include outset-ring__focus(); }`.
	75	+ */
	76	+/**
72	77	* Applies editor left position to the selector passed as argument
73	78	*/
74	79	/**
75	80	* Styles that are reused verbatim in a few places
		@@ -176,8 +181,14 @@
176	181	/**
177	182	* Focus styles.
178	183	*/
179	184	/**
	185	+ * Standard focus rings for the WordPress Design System.
	186	+ *
	187	+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
	188	+ * e.g. `&:focus { @include outset-ring__focus(); }`.
	189	+ */
	190	+/**
180	191	* Applies editor left position to the selector passed as argument
181	192	*/
182	193	/**
183	194	* Styles that are reused verbatim in a few places
		@@ -201,16 +212,15 @@
201	212	height: 100%;
202	213	flex-grow: 1;
203	214	min-height: 0;
204	215	box-sizing: border-box;
205		- scroll-padding-bottom: calc(var(--wpds-dimension-base, 4px) * 16);
206		- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
	216	+ scroll-padding-bottom: 64px;
207	217	container: dataviews-wrapper/inline-size;
208	218	display: flex;
209	219	flex-direction: column;
210	220	font-size: var(--wpds-typography-font-size-md, 13px);
211	221	line-height: var(--wpds-typography-line-height-sm, 20px);
212		- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
	222	+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
213	223	}
214	224
215	225	.dataviews__view-actions,
216	226	.dataviews-filters__container {
		@@ -227,8 +237,16 @@
227	237	.dataviews-filters__container {
228	238	transition: padding ease-out 0.1s;
229	239	}
230	240	}
	241	+.dataviews__search {
	242	+ flex-grow: 1;
	243	+}
	244	+
	245	+.dataviews__search .dataviews-search {
	246	+ flex-basis: 210px;
	247	+}
	248	+
231	249	.dataviews-no-results,
232	250	.dataviews-loading {
233	251	padding: 0 var(--wpds-dimension-padding-2xl, 24px);
234	252	flex-grow: 1;
		@@ -265,8 +283,12 @@
265	283	.dataviews-loading-more {
266	284	text-align: center;
267	285	}
268	286
	287	+.dataviews-loading-more[aria-hidden=true] {
	288	+ visibility: hidden;
	289	+}
	290	+
269	291	@container (max-width: 430px) {
270	292	.dataviews__view-actions,
271	293	.dataviews-filters__container {
272	294	padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
		@@ -273,10 +295,10 @@
273	295	}
274	296	}
275	297	.dataviews-title-field {
276	298	font-size: var(--wpds-typography-font-size-md, 13px);
277		- font-weight: var(--wpds-typography-font-weight-medium, 499);
278		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	299	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	300	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
279	301	text-overflow: ellipsis;
280	302	white-space: nowrap;
281	303	width: 100%;
282	304	}
		@@ -287,13 +309,13 @@
287	309	white-space: nowrap;
288	310	overflow: hidden;
289	311	display: block;
290	312	flex-grow: 0;
291		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	313	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
292	314	}
293	315
294	316	.dataviews-title-field a:hover {
295		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	317	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
296	318	}
297	319
298	320	.dataviews-title-field a:focus {
299	321	color: var(--wp-admin-theme-color--rgb);
		@@ -308,22 +330,22 @@
308	330	white-space: nowrap;
309	331	overflow: hidden;
310	332	display: block;
311	333	width: 100%;
312		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	334	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
313	335	}
314	336
315	337	.dataviews-title-field button.components-button.is-link:hover {
316		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	338	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
317	339	}
318	340
319	341	.dataviews-title-field--clickable {
320	342	cursor: var(--wpds-cursor-control, pointer);
321		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	343	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
322	344	}
323	345
324	346	.dataviews-title-field--clickable:hover {
325		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	347	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
326	348	}
327	349
328	350	.dataviews-title-field--clickable:focus {
329	351	color: var(--wp-admin-theme-color--rgb);
		@@ -347,14 +369,14 @@
347	369	overflow: hidden;
348	370	}
349	371
350	372	.dataviews-bulk-actions-footer__item-count {
351		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	373	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
352	374	}
353	375
354	376	.dataviews-bulk-actions-footer__container {
355	377	margin-right: auto;
356		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	378	+ min-height: var(--wpds-dimension-size-md, 32px);
357	379	}
358	380
359	381	.dataviews-layout__container {
360	382	flex: 1;
		@@ -409,9 +431,9 @@
409	431	display: none;
410	432	}
411	433
412	434	.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
413		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	435	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
414	436	white-space: nowrap;
415	437	overflow: hidden;
416	438	text-overflow: ellipsis;
417	439	flex-shrink: 0; /* Prevents this element from shrinking */
		@@ -419,10 +441,10 @@
419	441	}
420	442
421	443	.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-select {
422	444	width: 100%;
	445	+ min-width: 0;
423	446	white-space: nowrap;
424		- overflow: hidden;
425	447	}
426	448
427	449	.dataviews-filters__summary-chip-container {
428	450	position: relative;
		@@ -433,10 +455,10 @@
433	455	border-radius: var(--wpds-border-radius-lg, 8px);
434	456	border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
435	457	cursor: var(--wpds-cursor-control, pointer);
436	458	padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
437		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
438		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	459	+ min-height: var(--wpds-dimension-size-md, 32px);
	460	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
439	461	position: relative;
440	462	display: flex;
441	463	align-items: center;
442	464	box-sizing: border-box;
		@@ -446,41 +468,41 @@
446	468	cursor: default;
447	469	}
448	470
449	471	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
450		- padding-inline-end: calc(24px + var(--wpds-dimension-padding-xs, 4px));
	472	+ padding-inline-end: calc(var(--wpds-dimension-size-sm, 24px) + var(--wpds-dimension-padding-xs, 4px));
451	473	}
452	474
453	475	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
454		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	476	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
455	477	border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
456		- background-color: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
	478	+ background-color: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
457	479	}
458	480
459	481	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
460		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
461		- background: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
	482	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	483	+ background: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
462	484	border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
463	485	}
464	486
465	487	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
466		- color: var(--wpds-color-fg-interactive-brand-active, var(--wp-admin-theme-color, #3858e9));
467		- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	488	+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
	489	+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
468	490	border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
469	491	}
470	492
471	493	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
472	494	outline: none;
473		- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	495	+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
474	496	}
475	497
476	498	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
477		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	499	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
478	500	}
479	501
480	502	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
481		- width: 24px;
482		- height: 24px;
	503	+ width: var(--wpds-dimension-size-sm, 24px);
	504	+ height: var(--wpds-dimension-size-sm, 24px);
483	505	border-radius: var(--wpds-border-radius-md, 4px);
484	506	border: 0;
485	507	padding: 0;
486	508	position: absolute;
		@@ -494,34 +516,34 @@
494	516	cursor: var(--wpds-cursor-control, pointer);
495	517	}
496	518
497	519	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
498		- fill: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	520	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
499	521	}
500	522
501	523	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
502		- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
	524	+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
503	525	}
504	526
505	527	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
506		- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	528	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
507	529	}
508	530
509	531	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
510		- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	532	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
511	533	}
512	534
513	535	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
514		- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	536	+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
515	537	}
516	538
517	539	.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
518	540	outline: none;
519		- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	541	+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
520	542	}
521	543
522	544	.dataviews-filters__search-widget-filter-combobox-list {
523		- max-height: calc(var(--wpds-dimension-base, 4px) * 46);
	545	+ max-height: 184px;
524	546	padding: var(--wpds-dimension-padding-xs, 4px);
525	547	overflow: auto;
526	548	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
527	549	}
		@@ -526,9 +548,9 @@
526	548	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
527	549	}
528	550
529	551	.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
530		- font-weight: 600;
	552	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
531	553	}
532	554
533	555	.dataviews-filters__search-widget-listbox {
534	556	padding: var(--wpds-dimension-padding-xs, 4px);
		@@ -542,13 +564,14 @@
542	564	border-radius: var(--wpds-border-radius-sm, 2px);
543	565	box-sizing: border-box;
544	566	padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
545	567	cursor: default;
546		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
547		- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
548		- font-weight: 400;
	568	+ min-height: var(--wpds-dimension-size-md, 32px);
	569	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	570	+ font-weight: var(--wpds-typography-font-weight-default, 400);
549	571	font-size: 13px;
550	572	line-height: 20px;
	573	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
551	574	}
552	575
553	576	.dataviews-filters__search-widget-listitem:last-child {
554	577	margin-block-end: 0;
		@@ -554,31 +577,37 @@
554	577	margin-block-end: 0;
555	578	}
556	579
557	580	.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
558		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	581	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	582	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
559	583	}
560	584
561	585	.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
562	586	border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
563		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
	587	+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
564	588	}
565	589
566	590	.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
567	591	border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
568		- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
	592	+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
569	593	}
570	594
571	595	.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
	596	+ /* stylelint-disable-next-line plugin-wpds/no-token-fallback-values -- Preserve custom background theming with older @wordpress/theme runtimes that do not set this token. */
	597	+ background-color: var(--wpds-color-background-interactive-neutral, var(--wpds-color-background-surface-neutral-strong, #fff));
572	598	border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
573		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
574	599	}
575	600
576	601	.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
577	602	border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
578		- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
	603	+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
579	604	}
580	605
	606	+.dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
	607	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
	608	+}
	609	+
581	610	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
582	611	overflow: hidden;
583	612	text-overflow: ellipsis;
584	613	white-space: nowrap;
		@@ -590,9 +619,9 @@
590	619	overflow: hidden;
591	620	text-overflow: ellipsis;
592	621	font-size: var(--wpds-typography-font-size-sm, 12px);
593	622	line-height: 16px;
594		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	623	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
595	624	}
596	625
597	626	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
598	627	border: 1px solid #1e1e1e;
		@@ -653,9 +682,9 @@
653	682	padding: 0;
654	683	}
655	684
656	685	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
657		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	686	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
658	687	border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
659	688	}
660	689
661	690	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
		@@ -668,10 +697,10 @@
668	697	top: 50%;
669	698	left: 50%;
670	699	transform: translate(-50%, -50%);
671	700	margin: 0;
672		- background-color: var(--wpds-color-fg-interactive-brand-strong, #fff);
673		- border: 4px solid var(--wpds-color-fg-interactive-brand-strong, #fff);
	701	+ background-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
	702	+ border: 4px solid var(--wpds-color-foreground-interactive-brand-strong, #fff);
674	703	}
675	704
676	705	@media (min-width: 600px) {
677	706	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
		@@ -681,28 +710,22 @@
681	710	}
682	711	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
683	712	--checkbox-size: 24px;
684	713	flex-shrink: 0;
685		- border: 1px solid #1e1e1e;
	714	+ border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
686	715	margin-right: 12px;
687	716	transition: none;
688	717	border-radius: 2px;
689		- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	718	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
690	719	padding: 6px 8px;
691	720	/* Fonts smaller than 16px causes mobile safari to zoom. */
692	721	font-size: 16px;
693	722	/* Override core line-height. To be reviewed. */
694	723	line-height: normal;
695		- box-shadow: 0 0 0 transparent;
696		- border-radius: 2px;
697		- border: 1px solid #949494;
	724	+ border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
	725	+ border-radius: var(--wpds-border-radius-sm, 2px);
698	726	}
699	727
700		-@media not (prefers-reduced-motion) {
701		- .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
702		- transition: box-shadow 0.1s linear;
703		- }
704		-}
705	728	@media (min-width: 600px) {
706	729	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
707	730	font-size: 13px;
708	731	/* Override core line-height. To be reviewed. */
		@@ -708,20 +731,25 @@
708	731	/* Override core line-height. To be reviewed. */
709	732	line-height: normal;
710	733	}
711	734	}
	735	+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:hover:not(:disabled, [aria-disabled=true]) {
	736	+ border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
	737	+}
	738	+
712	739	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
713		- border-color: var(--wp-admin-theme-color);
714		- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
715		- outline: 2px solid transparent;
	740	+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
	741	+ outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
	742	+ border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
	743	+ box-shadow: none;
716	744	}
717	745
718		-.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
	746	+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
719	747	color: rgba(30, 30, 30, 0.62);
720	748	}
721	749
722		-.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
723		- color: rgba(30, 30, 30, 0.62);
	750	+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:hover:not(:disabled, [aria-disabled=true]) {
	751	+ background: var(--wpds-color-background-interactive-neutral-active, #fff);
724	752	}
725	753
726	754	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
727	755	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
		@@ -754,9 +782,9 @@
754	782	display: inline-block;
755	783	vertical-align: middle;
756	784	width: 16px;
757	785	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
758		- font: normal 30px/1 dashicons;
	786	+ font: 400 30px/1 dashicons;
759	787	speak: none;
760	788	-webkit-font-smoothing: antialiased;
761	789	-moz-osx-font-smoothing: grayscale;
762	790	}
		@@ -767,18 +795,24 @@
767	795	font-size: 21px;
768	796	}
769	797	}
770	798	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true], .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled {
771		- background: #f0f0f0;
772		- border-color: #ddd;
	799	+ background: var(--wpds-color-background-interactive-neutral-disabled, #fff);
	800	+ border-color: var(--wpds-color-stroke-interactive-neutral-disabled, #dbdbdb);
	801	+ color: var(--wpds-color-foreground-interactive-neutral-disabled, #8d8d8d);
773	802	cursor: default;
774	803	opacity: 1;
775	804	}
776	805
	806	+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true]:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection[aria-disabled=true][aria-checked=mixed]::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled:checked::before, .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:disabled[aria-checked=mixed]::before {
	807	+ color: var(--wpds-color-foreground-interactive-neutral-disabled, #8d8d8d);
	808	+}
	809	+
777	810	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
778	811	position: relative;
779		- background: var(--wpds-color-bg-interactive-neutral-weak, rgba(0, 0, 0, 0));
780		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	812	+ /* stylelint-disable-next-line plugin-wpds/no-token-fallback-values -- Preserve custom background theming with older @wordpress/theme runtimes that do not set this token. */
	813	+ background: var(--wpds-color-background-interactive-neutral, var(--wpds-color-background-surface-neutral-strong, #fff));
	814	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
781	815	margin: 0;
782	816	padding: 0;
783	817	width: var(--checkbox-size);
784	818	height: var(--checkbox-size);
		@@ -794,15 +828,15 @@
794	828	transition: 0.1s border-color ease-in-out;
795	829	}
796	830	}
797	831	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
798		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	832	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
799	833	border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
800	834	}
801	835
802	836	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
803	837	--checkmark-size: var(--checkbox-size);
804		- fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
	838	+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
805	839	position: absolute;
806	840	left: 50%;
807	841	top: 50%;
808	842	transform: translate(-50%, -50%);
		@@ -820,24 +854,18 @@
820	854	padding: var(--wpds-dimension-padding-sm, 8px);
821	855	}
822	856
823	857	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
824		- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	858	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
825	859	padding: 6px 8px;
826	860	/* Fonts smaller than 16px causes mobile safari to zoom. */
827	861	font-size: 16px;
828	862	/* Override core line-height. To be reviewed. */
829	863	line-height: normal;
830		- box-shadow: 0 0 0 transparent;
831		- border-radius: 2px;
832		- border: 1px solid #949494;
	864	+ border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
	865	+ border-radius: var(--wpds-border-radius-sm, 2px);
833	866	}
834	867
835		-@media not (prefers-reduced-motion) {
836		- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
837		- transition: box-shadow 0.1s linear;
838		- }
839		-}
840	868	@media (min-width: 600px) {
841	869	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
842	870	font-size: 13px;
843	871	/* Override core line-height. To be reviewed. */
		@@ -843,16 +871,17 @@
843	871	/* Override core line-height. To be reviewed. */
844	872	line-height: normal;
845	873	}
846	874	}
847		-.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
848		- border-color: var(--wp-admin-theme-color);
849		- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
850		- outline: 2px solid transparent;
	875	+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:hover:not(:disabled, [aria-disabled=true]) {
	876	+ border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
851	877	}
852	878
853		-.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
854		- color: rgba(30, 30, 30, 0.62);
	879	+.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
	880	+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
	881	+ outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
	882	+ border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
	883	+ box-shadow: none;
855	884	}
856	885
857	886	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
858	887	color: rgba(30, 30, 30, 0.62);
		@@ -859,11 +888,11 @@
859	888	}
860	889
861	890	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
862	891	display: block;
863		- padding: 0 var(--wpds-dimension-padding-sm, 8px) 0 calc(var(--wpds-dimension-base, 4px) * 8);
	892	+ padding: 0 var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-size-md, 32px);
864	893	width: 100%;
865		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	894	+ height: var(--wpds-dimension-size-md, 32px);
866	895	margin-left: 0;
867	896	margin-right: 0;
868	897	/* Fonts smaller than 16px causes mobile safari to zoom. */
869	898	font-size: 16px;
		@@ -874,18 +903,13 @@
874	903	font-size: var(--wpds-typography-font-size-md, 13px);
875	904	}
876	905	}
877	906	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
878		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
879		- box-shadow: inset 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	907	+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
880	908	}
881	909
882		-.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
883		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
884		-}
885		-
886	910	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
887		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	911	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
888	912	}
889	913
890	914	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
891	915	-webkit-appearance: none;
		@@ -898,9 +922,9 @@
898	922	bottom: 0;
899	923	display: flex;
900	924	align-items: center;
901	925	justify-content: center;
902		- width: 24px;
	926	+ width: var(--wpds-dimension-size-sm, 24px);
903	927	}
904	928
905	929	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
906	930	transform: scaleX(-1);
		@@ -915,26 +939,21 @@
915	939	position: absolute;
916	940	top: 0;
917	941	right: 0;
918	942	transform: translate(50%, -50%);
919		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
920		- height: calc(var(--wpds-dimension-base, 4px) * 4);
921		- min-width: calc(var(--wpds-dimension-base, 4px) * 4);
	943	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	944	+ height: var(--wpds-dimension-size-2xs, 16px);
	945	+ min-width: var(--wpds-dimension-size-2xs, 16px);
922	946	line-height: var(--wpds-typography-line-height-xs, 16px);
923	947	padding: 0 var(--wpds-dimension-padding-xs, 4px);
924	948	text-align: center;
925	949	border-radius: var(--wpds-border-radius-lg, 8px);
926	950	font-size: 11px;
927		- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
928		- color: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
	951	+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-background-surface-neutral-strong, #fff);
	952	+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
929	953	box-sizing: border-box;
930	954	}
931	955
932		-.dataviews-search {
933		- width: -moz-fit-content;
934		- width: fit-content;
935		-}
936		-
937	956	.dataviews-filters__user-input-widget {
938	957	padding: var(--wpds-dimension-padding-lg, 16px);
939	958	}
940	959
		@@ -995,9 +1014,9 @@
995	1014	}
996	1015	}
997	1016	.dataviews-pagination__page-select {
998	1017	font-size: 11px;
999		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1018	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1000	1019	text-transform: uppercase;
1001	1020	}
1002	1021
1003	1022	@media (min-width: 600px) {
		@@ -1002,9 +1021,9 @@
1002	1021
1003	1022	@media (min-width: 600px) {
1004	1023	.dataviews-pagination__page-select .components-select-control__input {
1005	1024	font-size: 11px !important;
1006		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1025	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1007	1026	}
1008	1027	}
1009	1028	.dataviews-action-modal {
1010	1029	z-index: 1000001;
		@@ -1033,9 +1052,8 @@
1033	1052	}
1034	1053
1035	1054	.dataviews-view-config {
1036	1055	width: 320px;
1037		- /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
1038	1056	container-type: inline-size;
1039	1057	font-size: var(--wpds-typography-font-size-md, 13px);
1040	1058	line-height: var(--wpds-typography-line-height-sm, 20px);
1041	1059	}
		@@ -1108,9 +1126,9 @@
1108	1126	top: var(--wpds-dimension-gap-xs, 4px);
1109	1127	right: var(--wpds-dimension-gap-xs, 4px);
1110	1128	width: var(--wpds-dimension-gap-xs, 4px);
1111	1129	height: var(--wpds-dimension-gap-xs, 4px);
1112		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	1130	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1113	1131	border-radius: 50%;
1114	1132	pointer-events: none;
1115	1133	}
1116	1134
		@@ -1183,9 +1201,9 @@
1183	1201	top: 0;
1184	1202	left: 0;
1185	1203	width: 100%;
1186	1204	height: 100%;
1187		- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	1205	+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1188	1206	border-radius: var(--wpds-border-radius-md, 4px);
1189	1207	pointer-events: none;
1190	1208	outline: 2px solid transparent;
1191	1209	}
		@@ -1204,9 +1222,9 @@
1204	1222	}
1205	1223
1206	1224	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
1207	1225	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
1208		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1226	+ min-height: var(--wpds-dimension-size-sm, 24px);
1209	1227	overflow: hidden;
1210	1228	align-content: center;
1211	1229	text-align: start;
1212	1230	}
		@@ -1212,32 +1230,31 @@
1212	1230	}
1213	1231
1214	1232	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
1215	1233	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
1216		- width: -moz-fit-content;
1217	1234	width: fit-content;
1218	1235	}
1219	1236
1220	1237	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
1221	1238	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
1222		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	1239	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1223	1240	}
1224	1241
1225	1242	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
1226	1243	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
1227		- box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-bg-surface-neutral-strong, #fff);
	1244	+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
1228	1245	}
1229	1246
1230	1247	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
1231	1248	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
1232		- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	1249	+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1233	1250	}
1234	1251
1235	1252	.dataviews-view-grid .dataviews-view-grid__media,
1236	1253	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
1237	1254	width: 100%;
1238		- aspect-ratio: 1/1;
1239		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1255	+ aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
	1256	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1240	1257	border-radius: var(--wpds-border-radius-md, 4px);
1241	1258	overflow: hidden;
1242	1259	position: relative;
1243	1260	}
		@@ -1248,9 +1265,8 @@
1248	1265	}
1249	1266
1250	1267	.dataviews-view-grid .dataviews-view-grid__media img,
1251	1268	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
1252		- -o-object-fit: cover;
1253	1269	object-fit: cover;
1254	1270	width: 100%;
1255	1271	height: 100%;
1256	1272	}
		@@ -1274,11 +1290,21 @@
1274	1290	height: 100%;
1275	1291	display: block;
1276	1292	border-radius: var(--wpds-border-radius-md, 4px);
1277	1293	box-shadow: none;
1278		- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
	1294	+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
1279	1295	}
1280	1296
	1297	+.dataviews-view-grid.has-media-fit-contain .dataviews-view-grid__media,
	1298	+.dataviews-view-grid-infinite-scroll.has-media-fit-contain .dataviews-view-grid__media {
	1299	+ background-color: var(--wpds-color-background-surface-neutral, #fcfcfc);
	1300	+}
	1301	+
	1302	+.dataviews-view-grid.has-media-fit-contain .dataviews-view-grid__media img,
	1303	+.dataviews-view-grid-infinite-scroll.has-media-fit-contain .dataviews-view-grid__media img {
	1304	+ object-fit: contain;
	1305	+}
	1306	+
1281	1307	.dataviews-view-grid .dataviews-view-grid__fields,
1282	1308	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
1283	1309	position: relative;
1284	1310	font-size: 12px;
		@@ -1291,16 +1317,16 @@
1291	1317	}
1292	1318
1293	1319	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
1294	1320	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
1295		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1321	+ min-height: var(--wpds-dimension-size-sm, 24px);
1296	1322	line-height: var(--wpds-typography-line-height-sm, 20px);
1297		- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
	1323	+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
1298	1324	}
1299	1325
1300	1326	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
1301	1327	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
1302		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1328	+ min-height: var(--wpds-dimension-size-sm, 24px);
1303	1329	align-items: center;
1304	1330	}
1305	1331
1306	1332	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
		@@ -1305,9 +1331,9 @@
1305	1331
1306	1332	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
1307	1333	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
1308	1334	width: 35%;
1309		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	1335	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1310	1336	overflow: hidden;
1311	1337	text-overflow: ellipsis;
1312	1338	white-space: nowrap;
1313	1339	}
		@@ -1382,9 +1408,9 @@
1382	1408	right: var(--wpds-dimension-padding-xs, 4px);
1383	1409	}
1384	1410
1385	1411	.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
1386		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1412	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1387	1413	}
1388	1414
1389	1415	@media not (prefers-reduced-motion) {
1390	1416	.dataviews-view-grid__card .dataviews-view-grid__media-actions {
		@@ -1408,10 +1434,10 @@
1408	1434	}
1409	1435
1410	1436	.dataviews-view-grid__group-header {
1411	1437	font-size: var(--wpds-typography-font-size-lg, 15px);
1412		- font-weight: var(--wpds-typography-font-weight-medium, 499);
1413		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	1438	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	1439	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1414	1440	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1415	1441	padding: 0 var(--wpds-dimension-padding-2xl, 24px);
1416	1442	container-type: inline-size;
1417	1443	}
		@@ -1439,9 +1465,8 @@
1439	1465
1440	1466	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
1441	1467	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
1442	1468	display: flex;
1443		- width: -moz-max-content;
1444	1469	width: max-content;
1445	1470	flex: 0 0 auto;
1446	1471	gap: var(--wpds-dimension-gap-xs, 4px);
1447	1472	white-space: nowrap;
		@@ -1454,9 +1479,9 @@
1454	1479	}
1455	1480
1456	1481	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
1457	1482	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
1458		- height: 24px;
	1483	+ height: var(--wpds-dimension-size-sm, 24px);
1459	1484	}
1460	1485
1461	1486	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
1462	1487	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
		@@ -1494,10 +1519,9 @@
1494	1519	.dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
1495	1520	.dataviews-view-list div[role=article]:not(.is-selected):hover,
1496	1521	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
1497	1522	.dataviews-view-list div[role=article]:not(.is-selected):focus-within {
1498		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1499		- background-color: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
	1523	+ background-color: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1500	1524	}
1501	1525
1502	1526	.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
1503	1527	.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-view-list__field, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered .dataviews-title-field,
		@@ -1508,9 +1532,9 @@
1508	1532	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-title-field,
1509	1533	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
1510	1534	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
1511	1535	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
1512		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	1536	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1513	1537	}
1514	1538
1515	1539	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
1516	1540	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
		@@ -1515,10 +1539,10 @@
1515	1539	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
1516	1540	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
1517	1541	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
1518	1542	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
1519		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1520		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	1543	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	1544	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1521	1545	}
1522	1546
1523	1547	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
1524	1548	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
		@@ -1527,9 +1551,9 @@
1527	1551	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
1528	1552	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
1529	1553	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
1530	1554	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
1531		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	1555	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1532	1556	}
1533	1557
1534	1558	.dataviews-view-list .dataviews-view-list__item {
1535	1559	position: absolute;
		@@ -1535,10 +1559,8 @@
1535	1559	position: absolute;
1536	1560	z-index: 1;
1537	1561	inset: 0;
1538	1562	scroll-margin: var(--wpds-dimension-gap-sm, 8px) 0;
1539		- -webkit-appearance: none;
1540		- -moz-appearance: none;
1541	1563	appearance: none;
1542	1564	border: none;
1543	1565	background: none;
1544	1566	padding: 0;
		@@ -1552,9 +1574,9 @@
1552	1574	.dataviews-view-list .dataviews-view-list__item:focus-visible::before {
1553	1575	position: absolute;
1554	1576	content: "";
1555	1577	inset: var(--wp-admin-border-width-focus);
1556		- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	1578	+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1557	1579	border-radius: var(--wpds-border-radius-sm, 2px);
1558	1580	outline: 2px solid transparent;
1559	1581	}
1560	1582
		@@ -1559,9 +1581,9 @@
1559	1581	}
1560	1582
1561	1583	.dataviews-view-list .dataviews-view-list__title-field {
1562	1584	flex: 1;
1563		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1585	+ min-height: var(--wpds-dimension-size-sm, 24px);
1564	1586	line-height: var(--wpds-typography-line-height-md, 24px);
1565	1587	overflow: hidden;
1566	1588	}
1567	1589
		@@ -1569,14 +1591,14 @@
1569	1591	z-index: 1;
1570	1592	}
1571	1593
1572	1594	.dataviews-view-list .dataviews-view-list__media-wrapper {
1573		- width: calc(var(--wpds-dimension-base, 4px) * 13);
1574		- height: calc(var(--wpds-dimension-base, 4px) * 13);
	1595	+ width: 48px;
	1596	+ height: 48px;
1575	1597	overflow: hidden;
1576	1598	position: relative;
1577	1599	flex-shrink: 0;
1578		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1600	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1579	1601	border-radius: var(--wpds-border-radius-md, 4px);
1580	1602	}
1581	1603
1582	1604	.dataviews-view-list .dataviews-view-list__media-wrapper img {
		@@ -1581,9 +1603,8 @@
1581	1603
1582	1604	.dataviews-view-list .dataviews-view-list__media-wrapper img {
1583	1605	width: 100%;
1584	1606	height: 100%;
1585		- -o-object-fit: cover;
1586	1607	object-fit: cover;
1587	1608	}
1588	1609
1589	1610	.dataviews-view-list .dataviews-view-list__media-wrapper::after {
		@@ -1597,15 +1618,15 @@
1597	1618	border-radius: var(--wpds-border-radius-md, 4px);
1598	1619	}
1599	1620
1600	1621	.dataviews-view-list .dataviews-view-list__field-wrapper {
1601		- min-height: calc(var(--wpds-dimension-base, 4px) * 13);
	1622	+ min-height: 48px;
1602	1623	flex-grow: 1;
1603	1624	min-width: 0;
1604	1625	}
1605	1626
1606	1627	.dataviews-view-list .dataviews-view-list__field {
1607		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	1628	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1608	1629	}
1609	1630
1610	1631	.dataviews-view-list .dataviews-view-list__fields {
1611	1632	display: flex;
		@@ -1623,9 +1644,9 @@
1623	1644	display: none;
1624	1645	}
1625	1646
1626	1647	.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
1627		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1648	+ min-height: var(--wpds-dimension-size-sm, 24px);
1628	1649	line-height: var(--wpds-typography-line-height-sm, 20px);
1629	1650	display: flex;
1630	1651	align-items: center;
1631	1652	}
		@@ -1638,19 +1659,19 @@
1638	1659	padding: var(--wpds-dimension-padding-sm, 8px) var(--wpds-dimension-padding-2xl, 24px);
1639	1660	}
1640	1661
1641	1662	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
1642		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	1663	+ min-height: var(--wpds-dimension-size-2xs, 16px);
1643	1664	line-height: var(--wpds-typography-line-height-xs, 16px);
1644	1665	}
1645	1666
1646	1667	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
1647		- width: calc(var(--wpds-dimension-base, 4px) * 8);
1648		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	1668	+ width: var(--wpds-dimension-size-md, 32px);
	1669	+ height: var(--wpds-dimension-size-md, 32px);
1649	1670	}
1650	1671
1651	1672	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
1652		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1673	+ min-height: var(--wpds-dimension-size-md, 32px);
1653	1674	}
1654	1675
1655	1676	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
1656	1677	gap: var(--wpds-dimension-gap-sm, 8px);
		@@ -1657,9 +1678,9 @@
1657	1678	row-gap: var(--wpds-dimension-gap-xs, 4px);
1658	1679	}
1659	1680
1660	1681	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1661		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	1682	+ min-height: var(--wpds-dimension-size-2xs, 16px);
1662	1683	line-height: var(--wpds-typography-line-height-xs, 16px);
1663	1684	}
1664	1685
1665	1686	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
		@@ -1666,19 +1687,19 @@
1666	1687	padding: var(--wpds-dimension-padding-2xl, 24px) var(--wpds-dimension-padding-2xl, 24px);
1667	1688	}
1668	1689
1669	1690	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
1670		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1691	+ min-height: var(--wpds-dimension-size-md, 32px);
1671	1692	line-height: var(--wpds-typography-line-height-xl, 32px);
1672	1693	}
1673	1694
1674	1695	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1675		- width: calc(var(--wpds-dimension-base, 4px) * 16);
1676		- height: calc(var(--wpds-dimension-base, 4px) * 16);
	1696	+ width: 64px;
	1697	+ height: 64px;
1677	1698	}
1678	1699
1679	1700	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1680		- min-height: calc(var(--wpds-dimension-base, 4px) * 16);
	1701	+ min-height: 64px;
1681	1702	}
1682	1703
1683	1704	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1684	1705	gap: var(--wpds-dimension-gap-lg, 16px);
		@@ -1685,9 +1706,9 @@
1685	1706	row-gap: var(--wpds-dimension-gap-sm, 8px);
1686	1707	}
1687	1708
1688	1709	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1689		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1710	+ min-height: var(--wpds-dimension-size-md, 32px);
1690	1711	line-height: var(--wpds-typography-line-height-md, 24px);
1691	1712	}
1692	1713
1693	1714	.dataviews-view-list.is-refreshing {
		@@ -1702,11 +1723,11 @@
1702	1723	}
1703	1724	}
1704	1725	.dataviews-view-list__group-header {
1705	1726	font-size: var(--wpds-typography-font-size-lg, 15px);
1706		- font-weight: var(--wpds-typography-font-weight-medium, 499);
1707		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1708		- margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
	1727	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	1728	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	1729	+ margin: 0 0 var(--wpds-dimension-gap-lg, 16px) 0;
1709	1730	padding: 0 var(--wpds-dimension-padding-2xl, 24px);
1710	1731	}
1711	1732
1712	1733	.dataviews-view-table {
		@@ -1714,9 +1735,9 @@
1714	1735	text-indent: 0;
1715	1736	border-color: inherit;
1716	1737	border-collapse: collapse;
1717	1738	position: relative;
1718		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	1739	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1719	1740	margin-bottom: auto;
1720	1741	background-color: inherit;
1721	1742	}
1722	1743
		@@ -1721,10 +1742,10 @@
1721	1742	}
1722	1743
1723	1744	.dataviews-view-table th {
1724	1745	text-align: left;
1725		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1726		- font-weight: normal;
	1746	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	1747	+ font-weight: 400;
1727	1748	font-size: var(--wpds-typography-font-size-md, 13px);
1728	1749	}
1729	1750
1730	1751	.dataviews-view-table td,
		@@ -1740,9 +1761,9 @@
1740	1761	.dataviews-view-table td.dataviews-view-table__actions-column--sticky,
1741	1762	.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
1742	1763	position: sticky;
1743	1764	right: 0;
1744		- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
	1765	+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
1745	1766	}
1746	1767
1747	1768	.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
1748	1769	.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
		@@ -1752,9 +1773,9 @@
1752	1773	top: 0;
1753	1774	bottom: 0;
1754	1775	left: 0;
1755	1776	width: 1px;
1756		- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
	1777	+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1757	1778	}
1758	1779
1759	1780	.dataviews-view-table td.dataviews-view-table__checkbox-column,
1760	1781	.dataviews-view-table th.dataviews-view-table__checkbox-column {
		@@ -1795,10 +1816,10 @@
1795	1816	opacity: 1;
1796	1817	}
1797	1818	}
1798	1819	.dataviews-view-table tr.is-selected {
1799		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1800		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	1820	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	1821	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1801	1822	}
1802	1823
1803	1824	.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
1804	1825	border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
		@@ -1804,9 +1825,9 @@
1804	1825	border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
1805	1826	}
1806	1827
1807	1828	.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
1808		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	1829	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1809	1830	}
1810	1831
1811	1832	.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
1812	1833	opacity: 1;
		@@ -1812,13 +1833,13 @@
1812	1833	opacity: 1;
1813	1834	}
1814	1835
1815	1836	.dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky {
1816		- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
	1837	+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
1817	1838	}
1818	1839
1819	1840	.dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
1820		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	1841	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1821	1842	}
1822	1843
1823	1844	.dataviews-view-table thead {
1824	1845	position: sticky;
		@@ -1847,9 +1868,9 @@
1847	1868	padding-top: var(--wpds-dimension-padding-sm, 8px);
1848	1869	padding-bottom: var(--wpds-dimension-padding-sm, 8px);
1849	1870	font-size: 11px;
1850	1871	text-transform: uppercase;
1851		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1872	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1852	1873	}
1853	1874
1854	1875	.dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
1855	1876	padding-left: var(--wpds-dimension-padding-xs, 4px);
		@@ -1872,9 +1893,9 @@
1872	1893	vertical-align: top;
1873	1894	}
1874	1895
1875	1896	.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
1876		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1897	+ min-height: var(--wpds-dimension-size-md, 32px);
1877	1898	display: flex;
1878	1899	align-items: center;
1879	1900	white-space: nowrap;
1880	1901	}
		@@ -1895,13 +1916,13 @@
1895	1916	.dataviews-view-table .dataviews-view-table-header-button {
1896	1917	padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
1897	1918	font-size: 11px;
1898	1919	text-transform: uppercase;
1899		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1920	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1900	1921	}
1901	1922
1902	1923	.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
1903		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	1924	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1904	1925	}
1905	1926
1906	1927	.dataviews-view-table .dataviews-view-table-header-button span {
1907	1928	speak: none;
		@@ -1954,21 +1975,20 @@
1954	1975	}
1955	1976	}
1956	1977	.dataviews-column-primary__media {
1957	1978	max-width: 60px;
1958		- min-width: calc(var(--wpds-dimension-base, 4px) * 8);
1959		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1979	+ min-width: var(--wpds-dimension-size-md, 32px);
	1980	+ min-height: var(--wpds-dimension-size-md, 32px);
1960	1981	overflow: hidden;
1961	1982	position: relative;
1962	1983	flex-shrink: 0;
1963		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1984	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1964	1985	border-radius: var(--wpds-border-radius-md, 4px);
1965	1986	}
1966	1987
1967	1988	.dataviews-column-primary__media img {
1968		- width: calc(var(--wpds-dimension-base, 4px) * 8);
1969		- height: calc(var(--wpds-dimension-base, 4px) * 8);
1970		- -o-object-fit: cover;
	1989	+ width: var(--wpds-dimension-size-md, 32px);
	1990	+ height: var(--wpds-dimension-size-md, 32px);
1971	1991	object-fit: cover;
1972	1992	}
1973	1993
1974	1994	.dataviews-column-primary__media::after {
		@@ -1981,8 +2001,19 @@
1981	2001	box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
1982	2002	border-radius: var(--wpds-border-radius-md, 4px);
1983	2003	}
1984	2004
	2005	+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media {
	2006	+ height: var(--wpds-dimension-size-md, 32px);
	2007	+ aspect-ratio: var(--wp-dataviews-media-aspect-ratio, 1/1);
	2008	+ min-width: 0;
	2009	+}
	2010	+
	2011	+.dataviews-view-table.has-media-aspect-ratio .dataviews-column-primary__media img {
	2012	+ width: 100%;
	2013	+ height: 100%;
	2014	+}
	2015	+
1985	2016	.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
1986	2017	.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
1987	2018	min-width: 15ch;
1988	2019	max-width: 80ch;
		@@ -1988,11 +2019,11 @@
1988	2019	max-width: 80ch;
1989	2020	}
1990	2021
1991	2022	.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
1992		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	2023	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1993	2024	padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
1994		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2025	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1995	2026	}
1996	2027
1997	2028	/* Column width intents via colgroup: make non-primary columns shrink-to-fit */
1998	2029	.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data):not(.dataviews-view-table__col-expand) {
		@@ -2029,9 +2060,9 @@
2029	2060	padding: var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-padding-xs, 4px);
2030	2061	}
2031	2062
2032	2063	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
2033		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2064	+ min-height: var(--wpds-dimension-size-sm, 24px);
2034	2065	overflow: hidden;
2035	2066	align-content: center;
2036	2067	text-align: start;
2037	2068	}
		@@ -2036,22 +2067,21 @@
2036	2067	text-align: start;
2037	2068	}
2038	2069
2039	2070	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
2040		- width: -moz-fit-content;
2041	2071	width: fit-content;
2042	2072	}
2043	2073
2044	2074	.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
2045		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2075	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2046	2076	}
2047	2077
2048	2078	.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
2049		- box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-bg-surface-neutral-strong, #fff);
	2079	+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
2050	2080	}
2051	2081
2052	2082	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
2053		- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2083	+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2054	2084	}
2055	2085
2056	2086	.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
2057	2087	outline: none;
		@@ -2057,9 +2087,9 @@
2057	2087	outline: none;
2058	2088	}
2059	2089
2060	2090	.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
2061		- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2091	+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2062	2092	}
2063	2093
2064	2094	.dataviews-view-picker-grid .dataviews-selection-checkbox {
2065	2095	top: var(--wpds-dimension-padding-sm, 8px) !important;
		@@ -2072,15 +2102,15 @@
2072	2102	.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
2073	2103	width: 100%;
2074	2104	aspect-ratio: 1/1;
2075	2105	min-height: 0;
2076		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	2106	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2077	2107	border-radius: var(--wpds-border-radius-md, 4px);
	2108	+ overflow: hidden;
2078	2109	position: relative;
2079	2110	}
2080	2111
2081	2112	.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
2082		- -o-object-fit: cover;
2083	2113	object-fit: cover;
2084	2114	width: 100%;
2085	2115	height: 100%;
2086	2116	}
		@@ -2096,8 +2126,16 @@
2096	2126	border-radius: var(--wpds-border-radius-md, 4px);
2097	2127	pointer-events: none;
2098	2128	}
2099	2129
	2130	+.dataviews-view-picker-grid.has-media-fit-contain .dataviews-view-picker-grid__media {
	2131	+ background-color: var(--wpds-color-background-surface-neutral, #fcfcfc);
	2132	+}
	2133	+
	2134	+.dataviews-view-picker-grid.has-media-fit-contain .dataviews-view-picker-grid__media img {
	2135	+ object-fit: contain;
	2136	+}
	2137	+
2100	2138	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
2101	2139	position: relative;
2102	2140	font-size: 12px;
2103	2141	line-height: 16px;
		@@ -2107,21 +2145,21 @@
2107	2145	padding: 0 0 var(--wpds-dimension-padding-md, 12px);
2108	2146	}
2109	2147
2110	2148	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
2111		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2149	+ min-height: var(--wpds-dimension-size-sm, 24px);
2112	2150	line-height: var(--wpds-typography-line-height-sm, 20px);
2113		- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
	2151	+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
2114	2152	}
2115	2153
2116	2154	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
2117		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2155	+ min-height: var(--wpds-dimension-size-sm, 24px);
2118	2156	align-items: center;
2119	2157	}
2120	2158
2121	2159	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
2122	2160	width: 35%;
2123		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2161	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2124	2162	overflow: hidden;
2125	2163	text-overflow: ellipsis;
2126	2164	white-space: nowrap;
2127	2165	}
		@@ -2169,12 +2207,12 @@
2169	2207	}
2170	2208
2171	2209	.dataviews-view-picker-grid-group__header {
2172	2210	font-size: var(--wpds-typography-font-size-lg, 15px);
2173		- font-weight: var(--wpds-typography-font-weight-medium, 499);
2174		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2211	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	2212	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2175	2213	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2176		- padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
	2214	+ padding: 0 48px;
2177	2215	}
2178	2216
2179	2217	.dataviews-view-picker-table {
2180	2218	background-color: inherit;
		@@ -2180,9 +2218,9 @@
2180	2218	background-color: inherit;
2181	2219	}
2182	2220
2183	2221	.dataviews-view-picker-table .dataviews-view-table__checkbox-column {
2184		- width: calc(var(--wpds-dimension-base, 4px) * 12);
	2222	+ width: 48px;
2185	2223	}
2186	2224
2187	2225	.dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
2188	2226	outline: none;
		@@ -2188,9 +2226,9 @@
2188	2226	outline: none;
2189	2227	}
2190	2228
2191	2229	.dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
2192		- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2230	+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2193	2231	}
2194	2232
2195	2233	.dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
2196	2234	pointer-events: none;
		@@ -2201,17 +2239,17 @@
2201	2239	cursor: var(--wpds-cursor-control, pointer);
2202	2240	}
2203	2241
2204	2242	.dataviews-view-picker-table .dataviews-view-table__row.is-selected {
2205		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	2243	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2206	2244	}
2207	2245
2208	2246	.dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
2209		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	2247	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2210	2248	}
2211	2249
2212	2250	.dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
2213		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	2251	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2214	2252	}
2215	2253
2216	2254	.dataviews-view-activity {
2217	2255	margin: 0 0 auto;
		@@ -2219,16 +2257,16 @@
2219	2257	}
2220	2258
2221	2259	.dataviews-view-activity .dataviews-view-activity__group-header {
2222	2260	font-size: var(--wpds-typography-font-size-lg, 15px);
2223		- font-weight: var(--wpds-typography-font-weight-medium, 499);
2224		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2261	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	2262	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2225	2263	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2226	2264	padding: 0;
2227	2265	}
2228	2266
2229	2267	.dataviews-view-activity .dataviews-view-activity__item-actions {
2230		- min-width: calc(var(--wpds-dimension-base, 4px) * 6);
	2268	+ min-width: var(--wpds-dimension-size-sm, 24px);
2231	2269	}
2232	2270
2233	2271	.dataviews-view-activity .dataviews-view-activity__item-content {
2234	2272	flex-grow: 1;
		@@ -2236,9 +2274,9 @@
2236	2274
2237	2275	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
2238	2276	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
2239	2277	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
2240		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	2278	+ min-height: var(--wpds-dimension-size-2xs, 16px);
2241	2279	}
2242	2280
2243	2281	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
2244	2282	position: relative;
		@@ -2252,9 +2290,9 @@
2252	2290	cursor: var(--wpds-cursor-control, pointer);
2253	2291	}
2254	2292
2255	2293	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
2256		- outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2294	+ outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2257	2295	outline-offset: var(--wp-admin-border-width-focus);
2258	2296	border-radius: var(--wpds-border-radius-sm, 2px);
2259	2297	}
2260	2298
		@@ -2259,9 +2297,8 @@
2259	2297	}
2260	2298
2261	2299	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
2262	2300	display: flex;
2263		- width: -moz-max-content;
2264	2301	width: max-content;
2265	2302	flex: 0 0 auto;
2266	2303	}
2267	2304
		@@ -2270,9 +2307,9 @@
2270	2307	z-index: 1;
2271	2308	}
2272	2309
2273	2310	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
2274		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2311	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2275	2312	display: flex;
2276	2313	gap: var(--wpds-dimension-gap-md, 12px);
2277	2314	row-gap: var(--wpds-dimension-gap-xs, 4px);
2278	2315	flex-wrap: wrap;
		@@ -2316,14 +2353,14 @@
2316	2353	width: var(--wpds-dimension-padding-md, 12px);
2317	2354	}
2318	2355
2319	2356	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
2320		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2357	+ height: var(--wpds-dimension-size-3xs, 12px);
2321	2358	}
2322	2359
2323	2360	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
2324		- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2325		- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
	2361	+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
	2362	+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2326	2363	}
2327	2364
2328	2365	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
2329	2366	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2329,18 +2366,18 @@
2329	2366	margin: var(--wpds-dimension-gap-md, 12px) 0;
2330	2367	}
2331	2368
2332	2369	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
2333		- width: calc(var(--wpds-dimension-base, 4px) * 6);
	2370	+ width: var(--wpds-dimension-size-sm, 24px);
2334	2371	}
2335	2372
2336	2373	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
2337		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2374	+ height: var(--wpds-dimension-size-3xs, 12px);
2338	2375	}
2339	2376
2340	2377	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
2341		- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2342		- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
	2378	+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
	2379	+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2343	2380	}
2344	2381
2345	2382	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
2346	2383	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2347,18 +2384,18 @@
2347	2384	padding-top: var(--wpds-dimension-padding-sm, 8px);
2348	2385	}
2349	2386
2350	2387	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
2351		- width: calc(var(--wpds-dimension-base, 4px) * 8);
	2388	+ width: var(--wpds-dimension-size-md, 32px);
2352	2389	}
2353	2390
2354	2391	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
2355		- height: calc(var(--wpds-dimension-base, 4px) * 2);
	2392	+ height: var(--wpds-dimension-size-4xs, 8px);
2356	2393	}
2357	2394
2358	2395	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
2359		- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2360		- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
	2396	+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
	2397	+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2361	2398	}
2362	2399
2363	2400	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
2364	2401	margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
		@@ -2365,10 +2402,10 @@
2365	2402	padding-top: var(--wpds-dimension-padding-md, 12px);
2366	2403	}
2367	2404
2368	2405	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
2369		- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2370		- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
	2406	+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
	2407	+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2371	2408	position: relative;
2372	2409	top: 50%;
2373	2410	transform: translateY(-50%);
2374	2411	}
		@@ -2383,9 +2420,9 @@
2383	2420
2384	2421	.dataviews-view-activity .dataviews-view-activity__item-type-icon {
2385	2422	overflow: hidden;
2386	2423	flex-shrink: 0;
2387		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	2424	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2388	2425	}
2389	2426
2390	2427	.dataviews-view-activity .dataviews-view-activity__item-type-icon img,
2391	2428	.dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
		@@ -2393,9 +2430,8 @@
2393	2430	display: block;
2394	2431	width: 100%;
2395	2432	height: 100%;
2396	2433	margin: 0 auto;
2397		- -o-object-fit: cover;
2398	2434	object-fit: cover;
2399	2435	border-radius: 50%;
2400	2436	box-sizing: border-box;
2401	2437	box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -2435,9 +2471,9 @@
2435	2471	outline: none;
2436	2472	}
2437	2473
2438	2474	.dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
2439		- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2475	+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2440	2476	outline-offset: -2px;
2441	2477	}
2442	2478
2443	2479	.dataviews-view-picker-activity .dataviews-view-picker-activity__item {
		@@ -2447,9 +2483,9 @@
2447	2483	transition: background-color 0.1s ease;
2448	2484	}
2449	2485
2450	2486	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected, .dataviews-view-picker-activity .dataviews-view-picker-activity__item:hover {
2451		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	2487	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2452	2488	}
2453	2489
2454	2490	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
2455	2491	outline: 3px solid transparent;
		@@ -2460,14 +2496,14 @@
2460	2496	width: var(--wpds-dimension-padding-md, 12px);
2461	2497	}
2462	2498
2463	2499	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
2464		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2500	+ height: var(--wpds-dimension-size-3xs, 12px);
2465	2501	}
2466	2502
2467	2503	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
2468		- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2469		- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
	2504	+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
	2505	+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
2470	2506	}
2471	2507
2472	2508	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
2473	2509	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2473,18 +2509,18 @@
2473	2509	margin: var(--wpds-dimension-gap-md, 12px) 0;
2474	2510	}
2475	2511
2476	2512	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
2477		- width: calc(var(--wpds-dimension-base, 4px) * 6);
	2513	+ width: var(--wpds-dimension-size-sm, 24px);
2478	2514	}
2479	2515
2480	2516	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
2481		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2517	+ height: var(--wpds-dimension-size-3xs, 12px);
2482	2518	}
2483	2519
2484	2520	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
2485		- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2486		- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
	2521	+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
	2522	+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
2487	2523	}
2488	2524
2489	2525	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
2490	2526	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2491,18 +2527,18 @@
2491	2527	padding-top: var(--wpds-dimension-padding-sm, 8px);
2492	2528	}
2493	2529
2494	2530	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
2495		- width: calc(var(--wpds-dimension-base, 4px) * 8);
	2531	+ width: var(--wpds-dimension-size-md, 32px);
2496	2532	}
2497	2533
2498	2534	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
2499		- height: calc(var(--wpds-dimension-base, 4px) * 2);
	2535	+ height: var(--wpds-dimension-size-4xs, 8px);
2500	2536	}
2501	2537
2502	2538	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
2503		- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2504		- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
	2539	+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
	2540	+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
2505	2541	}
2506	2542
2507	2543	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
2508	2544	margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
		@@ -2509,10 +2545,10 @@
2509	2545	padding-top: var(--wpds-dimension-padding-md, 12px);
2510	2546	}
2511	2547
2512	2548	.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-bullet, .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-bullet {
2513		- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2514		- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
	2549	+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
	2550	+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
2515	2551	position: relative;
2516	2552	top: 50%;
2517	2553	transform: translateY(-50%);
2518	2554	}
		@@ -2523,9 +2559,9 @@
2523	2559
2524	2560	.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
2525	2561	.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
2526	2562	.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
2527		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	2563	+ min-height: var(--wpds-dimension-size-2xs, 16px);
2528	2564	}
2529	2565
2530	2566	.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
2531	2567	position: relative;
		@@ -2539,9 +2575,9 @@
2539	2575	display: none;
2540	2576	}
2541	2577
2542	2578	.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
2543		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2579	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2544	2580	display: flex;
2545	2581	gap: var(--wpds-dimension-gap-md, 12px);
2546	2582	row-gap: var(--wpds-dimension-gap-xs, 4px);
2547	2583	flex-wrap: wrap;
		@@ -2590,10 +2626,10 @@
2590	2626	}
2591	2627
2592	2628	.dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
2593	2629	font-size: var(--wpds-typography-font-size-lg, 15px);
2594		- font-weight: var(--wpds-typography-font-weight-medium, 499);
2595		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2630	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	2631	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2596	2632	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2597	2633	padding: 0;
2598	2634	padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
2599	2635	}
		@@ -2610,9 +2646,8 @@
2610	2646	display: block;
2611	2647	width: 100%;
2612	2648	height: 100%;
2613	2649	margin: 0 auto;
2614		- -o-object-fit: cover;
2615	2650	object-fit: cover;
2616	2651	border-radius: 50%;
2617	2652	box-sizing: border-box;
2618	2653	box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -2627,9 +2662,9 @@
2627	2662	}
2628	2663
2629	2664	.dataviews-picker-footer__bulk-selection {
2630	2665	align-self: flex-start;
2631		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	2666	+ height: var(--wpds-dimension-size-md, 32px);
2632	2667	}
2633	2668
2634	2669	.dataviews-picker-footer__actions {
2635	2670	align-self: flex-end;
		@@ -2663,17 +2698,38 @@
2663	2698	border: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
2664	2699	}
2665	2700
2666	2701	.dataviews-controls__date-preset:active {
2667		- background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
	2702	+ background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
2668	2703	}
2669	2704
	2705	+.dataviews-validated-control__wrapper-with-error-delegate:has(input[type=radio]:invalid[data-validity-visible]), .dataviews-validated-control__wrapper-with-error-delegate:has(input:invalid[data-validity-visible]) .components-form-token-field__input-container:not(:has([aria-expanded=true])), .dataviews-validated-control .components-combobox-control__suggestions-container:has(input:invalid[data-validity-visible]):not(:has([aria-expanded=true])), .dataviews-validated-control:has(:is(input, select):invalid[data-validity-visible]) .components-input-control__backdrop {
	2706	+ --focus-color: var(--wpds-color-stroke-interactive-error, #cc1818);
	2707	+}
	2708	+
	2709	+.dataviews-validated-control__wrapper-with-error-delegate:has(input:invalid[data-validity-visible]) .components-form-token-field__input-container:not(:has([aria-expanded=true])), .dataviews-validated-control .components-combobox-control__suggestions-container:has(input:invalid[data-validity-visible]):not(:has([aria-expanded=true])), .dataviews-validated-control:has(:is(input, select):invalid[data-validity-visible]) .components-input-control__backdrop {
	2710	+ border-color: var(--wpds-color-stroke-interactive-error, #cc1818);
	2711	+}
	2712	+
	2713	+.dataviews-validated-control__wrapper-with-error-delegate {
	2714	+ position: relative;
	2715	+}
	2716	+
	2717	+.dataviews-validated-control__error-delegate {
	2718	+ position: absolute;
	2719	+ top: 0;
	2720	+ height: 100%;
	2721	+ width: 100%;
	2722	+ opacity: 0;
	2723	+ pointer-events: none;
	2724	+}
	2725	+
2670	2726	.dataforms-layouts-panel__field-trigger {
2671	2727	position: relative;
2672	2728	color: inherit;
2673	2729	display: flex;
2674	2730	width: 100%;
2675		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2731	+ min-height: var(--wpds-dimension-size-sm, 24px);
2676	2732	cursor: var(--wpds-cursor-control, pointer);
2677	2733	align-items: flex-start;
2678	2734	border-radius: var(--wpds-border-radius-sm, 2px);
2679	2735	isolation: isolate;
		@@ -2680,9 +2736,9 @@
2680	2736	}
2681	2737
2682	2738	.dataforms-layouts-panel__field-trigger--label-side {
2683	2739	flex-direction: row;
2684		- gap: var(--wpds-dimension-gap-md, 12px);
	2740	+ gap: var(--wpds-dimension-gap-sm, 8px);
2685	2741	}
2686	2742
2687	2743	.dataforms-layouts-panel__field-trigger--label-top {
2688	2744	display: grid;
		@@ -2693,9 +2749,9 @@
2693	2749	align-items: center;
2694	2750	}
2695	2751
2696	2752	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
2697		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	2753	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2698	2754	}
2699	2755
2700	2756	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
2701	2757	opacity: 1;
		@@ -2701,9 +2757,9 @@
2701	2757	opacity: 1;
2702	2758	}
2703	2759
2704	2760	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
2705		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	2761	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2706	2762	}
2707	2763
2708	2764	.dataforms-layouts-panel__field-trigger.is-disabled {
2709	2765	cursor: default;
		@@ -2709,10 +2765,10 @@
2709	2765	cursor: default;
2710	2766	}
2711	2767
2712	2768	.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
2713		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2714		- font-weight: var(--wpds-typography-font-weight-regular, 400);
	2769	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
	2770	+ font-weight: var(--wpds-typography-font-weight-default, 400);
2715	2771	}
2716	2772
2717	2773	.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
2718	2774	opacity: 1;
		@@ -2719,22 +2775,28 @@
2719	2775	fill: currentColor;
2720	2776	}
2721	2777
2722	2778	.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible {
2723		- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	2779	+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2724	2780	}
2725	2781
2726	2782	.dataforms-layouts-panel__field-trigger-icon {
2727	2783	padding: 0;
2728		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	2784	+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2729	2785	flex: 0 0 auto;
2730	2786	opacity: 0;
2731	2787	border-radius: var(--wpds-border-radius-xs, 1px);
2732	2788	}
2733	2789
	2790	+.dataforms-layouts-panel__field-trigger-icon::after {
	2791	+ content: "";
	2792	+ position: absolute;
	2793	+ inset: 0;
	2794	+}
	2795	+
2734	2796	.dataforms-layouts-panel__field-trigger-icon:focus-visible {
2735	2797	opacity: 1;
2736		- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
	2798	+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2737	2799	}
2738	2800
2739	2801	.dataforms-layouts-panel__field-dropdown-anchor {
2740	2802	width: 100%;
		@@ -2746,14 +2808,14 @@
2746	2808
2747	2809	.dataforms-layouts-panel__field-label {
2748	2810	width: 38%;
2749	2811	flex-shrink: 0;
2750		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2812	+ min-height: var(--wpds-dimension-size-sm, 24px);
2751	2813	display: flex;
2752	2814	align-items: center;
2753	2815	line-height: var(--wpds-typography-line-height-sm, 20px);
2754	2816	hyphens: auto;
2755		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2817	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2756	2818	}
2757	2819
2758	2820	.dataforms-layouts-panel__field-label .components-base-control__label {
2759	2821	display: inline;
		@@ -2761,16 +2823,14 @@
2761	2823	line-height: inherit;
2762	2824	}
2763	2825
2764	2826	.dataforms-layouts-panel__field-label.has-error {
2765		- color: var(--wpds-color-fg-content-error-weak, #cc1818);
	2827	+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2766	2828	}
2767	2829
2768	2830	.dataforms-layouts-panel__field-label-error-content {
2769		- position: relative;
2770		- z-index: 1;
2771		- cursor: help;
2772		- fill: var(--wpds-color-fg-content-error-weak, #cc1818);
	2831	+ pointer-events: none;
	2832	+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2773	2833	display: inline-flex;
2774	2834	flex-direction: row;
2775	2835	align-items: center;
2776	2836	gap: var(--wpds-dimension-gap-xs, 4px);
		@@ -2775,45 +2835,31 @@
2775	2835	align-items: center;
2776	2836	gap: var(--wpds-dimension-gap-xs, 4px);
2777	2837	}
2778	2838
2779		-.dataforms-layouts-panel__field-label-error-content svg {
2780		- fill: currentColor;
2781		-}
2782		-
2783	2839	.dataforms-layouts-panel__field-control {
2784	2840	flex-grow: 1;
2785	2841	min-width: 0;
2786		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2842	+ min-height: var(--wpds-dimension-size-sm, 24px);
2787	2843	line-height: var(--wpds-typography-line-height-md, 24px);
2788	2844	display: flex;
2789	2845	align-items: center;
2790		- overflow: hidden;
2791		- word-break: break-word;
2792		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	2846	+ overflow: clip;
	2847	+ padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
	2848	+ margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	2849	+ word-break: normal;
	2850	+ overflow-wrap: anywhere;
	2851	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2793	2852	}
2794	2853
	2854	+.dataforms-layouts-panel__field-control:has(a, button) {
	2855	+ z-index: 1;
	2856	+}
	2857	+
2795	2858	.dataforms-layouts-panel__field-control > * {
2796	2859	min-width: 0;
2797	2860	}
2798	2861
2799		-.dataforms-layouts-panel__field-control .components-button {
2800		- max-width: 100%;
2801		- text-align: left;
2802		- white-space: normal;
2803		- text-wrap: balance;
2804		- text-wrap: pretty;
2805		- min-height: 32px;
2806		-}
2807		-
2808		-.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
2809		- text-decoration: none;
2810		-}
2811		-
2812		-.dataforms-layouts-panel__field-control .components-dropdown {
2813		- max-width: 100%;
2814		-}
2815		-
2816	2862	.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
2817	2863	width: 100%;
2818	2864	}
2819	2865
		@@ -2842,15 +2888,11 @@
2842	2888	.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
2843	2889	z-index: 159990;
2844	2890	}
2845	2891
2846		-.dataforms-layouts-panel__summary-button:empty {
2847		- min-width: 160px;
2848		-}
2849		-
2850	2892	.dataforms-layouts-regular__field {
2851	2893	width: 100%;
2852		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2894	+ min-height: var(--wpds-dimension-size-md, 32px);
2853	2895	justify-content: flex-start !important;
2854	2896	align-items: flex-start !important;
2855	2897	}
2856	2898
		@@ -2856,15 +2898,15 @@
2856	2898
2857	2899	.dataforms-layouts-regular__field .components-base-control__label,
2858	2900	.dataforms-layouts-regular__field .components-input-control__label,
2859	2901	.dataforms-layouts-regular__field .components-form-token-field__label {
2860		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2902	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2861	2903	}
2862	2904
2863	2905	.dataforms-layouts-regular__field-label {
2864	2906	width: 38%;
2865	2907	flex-shrink: 0;
2866		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2908	+ min-height: var(--wpds-dimension-size-md, 32px);
2867	2909	display: flex;
2868	2910	align-items: center;
2869	2911	line-height: var(--wpds-typography-line-height-sm, 20px);
2870	2912	hyphens: auto;
		@@ -2879,9 +2921,9 @@
2879	2921	}
2880	2922
2881	2923	.dataforms-layouts-regular__field-control {
2882	2924	flex-grow: 1;
2883		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2925	+ min-height: var(--wpds-dimension-size-md, 32px);
2884	2926	display: flex;
2885	2927	align-items: center;
2886	2928	}
2887	2929
		@@ -2897,9 +2939,9 @@
2897	2939	display: contents;
2898	2940	}
2899	2941
2900	2942	.dataforms-layouts-card__field-description {
2901		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2943	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2902	2944	display: block;
2903	2945	font-size: var(--wpds-typography-font-size-md, 13px);
2904	2946	margin-bottom: var(--wpds-dimension-gap-lg, 16px);
2905	2947	}
		@@ -2912,9 +2954,9 @@
2912	2954	}
2913	2955
2914	2956	.dataforms-layouts-details__summary-content {
2915	2957	display: inline-flex;
2916		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2958	+ min-height: var(--wpds-dimension-size-sm, 24px);
2917	2959	}
2918	2960
2919	2961	.dataforms-layouts-details__content {
2920	2962	padding-top: var(--wpds-dimension-padding-md, 12px);
		@@ -2924,10 +2966,10 @@
2924	2966	width: 100%;
2925	2967	}
2926	2968
2927	2969	.dataforms-layouts__wrapper {
2928		- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2929		- font-weight: 400;
	2970	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	2971	+ font-weight: var(--wpds-typography-font-weight-default, 400);
2930	2972	font-size: 13px;
2931	2973	line-height: 20px;
2932	2974	}
2933	2975
		@@ -3000,8 +3042,14 @@
3000	3042	/**
3001	3043	* Focus styles.
3002	3044	*/
3003	3045	/**
	3046	+ * Standard focus rings for the WordPress Design System.
	3047	+ *
	3048	+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
	3049	+ * e.g. `&:focus { @include outset-ring__focus(); }`.
	3050	+ */
	3051	+/**
3004	3052	* Applies editor left position to the selector passed as argument
3005	3053	*/
3006	3054	/**
3007	3055	* Styles that are reused verbatim in a few places
		@@ -3059,9 +3107,9 @@
3059	3107	padding: 12px;
3060	3108	display: grid;
3061	3109	align-items: center;
3062	3110	grid-template-columns: min-content 1fr min-content;
3063		- grid-gap: 4px 8px;
	3111	+ gap: 4px 8px;
3064	3112	color: #1e1e1e;
3065	3113	}
3066	3114
3067	3115	.fields-create-template-part-modal__area-radio-wrapper + .fields-create-template-part-modal__area-radio-wrapper {
		@@ -3138,9 +3186,8 @@
3138	3186	line-height: 1.5;
3139	3187	}
3140	3188
3141	3189	fieldset.fields__media-edit {
3142		- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
3143	3190	container-type: inline-size;
3144	3191	}
3145	3192
3146	3193	fieldset.fields__media-edit .fields__media-edit-compact-group {
		@@ -3345,11 +3392,9 @@
3345	3392
3346	3393	fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
3347	3394	width: 100%;
3348	3395	height: 100%;
3349		- -o-object-fit: cover;
3350	3396	object-fit: cover;
3351		- -o-object-position: 50% 50%;
3352	3397	object-position: 50% 50%;
3353	3398	}
3354	3399
3355	3400	fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
		@@ -3378,9 +3423,8 @@
3378	3423	}
3379	3424
3380	3425	fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
3381	3426	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
3382		- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
3383	3427	}
3384	3428
3385	3429	@container (max-width: 500px) {
3386	3430	fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
		@@ -3410,9 +3454,8 @@
3410	3454
3411	3455	.fields-controls__author-avatar img {
3412	3456	width: 16px;
3413	3457	height: 16px;
3414		- -o-object-fit: cover;
3415	3458	object-fit: cover;
3416	3459	opacity: 0;
3417	3460	border-radius: 100%;
3418	3461	}
		@@ -3448,18 +3491,15 @@
3448	3491	padding: 0;
3449	3492	margin: 0;
3450	3493	}
3451	3494
3452		-.fields-controls__slug .fields-controls__slug-external-icon {
3453		- margin-left: 5ch;
3454		-}
3455		-
3456	3495	.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
3457	3496	padding-inline-start: 0 !important;
3458	3497	}
3459	3498
3460	3499	.fields-controls__slug .fields-controls__slug-help-link {
3461		- word-break: break-word;
	3500	+ word-break: normal;
	3501	+ overflow-wrap: anywhere;
3462	3502	}
3463	3503
3464	3504	.fields-controls__slug .fields-controls__slug-help {
3465	3505	display: flex;
		@@ -3466,9 +3506,9 @@
3466	3506	flex-direction: column;
3467	3507	}
3468	3508
3469	3509	.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
3470		- font-weight: 600;
	3510	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3471	3511	}
3472	3512
3473	3513	.fields-controls__featured-image-image,
3474	3514	.fields-controls__featured-image-placeholder {
		@@ -3587,8 +3627,14 @@
3587	3627	/**
3588	3628	* Focus styles.
3589	3629	*/
3590	3630	/**
	3631	+ * Standard focus rings for the WordPress Design System.
	3632	+ *
	3633	+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
	3634	+ * e.g. `&:focus { @include outset-ring__focus(); }`.
	3635	+ */
	3636	+/**
3591	3637	* Applies editor left position to the selector passed as argument
3592	3638	*/
3593	3639	/**
3594	3640	* Styles that are reused verbatim in a few places
		@@ -3622,9 +3668,9 @@
3622	3668	}
3623	3669
3624	3670	.font-library-modal .font-library__subtitle {
3625	3671	text-transform: uppercase;
3626		- font-weight: 499;
	3672	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3627	3673	font-size: 11px;
3628	3674	}
3629	3675
3630	3676	.font-library-modal__tab-panel {
		@@ -3662,9 +3708,9 @@
3662	3708	.font-library__footer {
3663	3709	position: absolute;
3664	3710	width: 100%;
3665	3711	bottom: 0;
3666		- border-top: 1px solid #ddd;
	3712	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3667	3713	padding: 24px;
3668	3714	background-color: #fff;
3669	3715	box-sizing: border-box;
3670	3716	flex-grow: 0 !important;
		@@ -3673,22 +3719,26 @@
3673	3719	}
3674	3720
3675	3721	.font-library__page-selection {
3676	3722	font-size: 11px;
3677		- font-weight: 499;
	3723	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3678	3724	text-transform: uppercase;
3679	3725	}
3680	3726
3681	3727	@media (min-width: 600px) {
3682		- .font-library__page-selection .font-library__page-selection-trigger {
	3728	+ .font-library__page-selection .components-select-control__input {
3683	3729	font-size: 11px !important;
3684		- font-weight: 499;
	3730	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3685	3731	}
3686	3732	}
	3733	+.font-library__search {
	3734	+ width: 240px;
	3735	+}
	3736	+
3687	3737	.font-library__fonts-title {
3688	3738	text-transform: uppercase;
3689	3739	font-size: 11px;
3690		- font-weight: 600;
	3740	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3691	3741	margin-top: 0;
3692	3742	margin-bottom: 0;
3693	3743	}
3694	3744
		@@ -3702,11 +3752,15 @@
3702	3752	.font-library__fonts-list-item {
3703	3753	margin-bottom: 0;
3704	3754	}
3705	3755
	3756	+.font-library__font-demo {
	3757	+ position: relative;
	3758	+}
	3759	+
3706	3760	.font-library__font-card {
3707	3761	box-sizing: border-box;
3708		- border: 1px solid #ddd;
	3762	+ border: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3709	3763	width: 100%;
3710	3764	height: auto !important;
3711	3765	padding: 16px;
3712	3766	margin-top: -1px; /* To collapse the margin with the previous element */
		@@ -3720,13 +3774,13 @@
3720	3774	position: relative;
3721	3775	}
3722	3776
3723	3777	.font-library__font-card .font-library__font-card__name {
3724		- font-weight: bold;
	3778	+ font-weight: 700;
3725	3779	}
3726	3780
3727	3781	.font-library__font-card .font-library__font-card__count {
3728		- color: #757575;
	3782	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3729	3783	}
3730	3784
3731	3785	.font-library__font-card .font-library__font-variant_demo-image {
3732	3786	display: block;
		@@ -3733,8 +3787,25 @@
3733	3787	height: 24px;
3734	3788	width: auto;
3735	3789	}
3736	3790
	3791	+@media not (prefers-reduced-motion) {
	3792	+ .font-library__font-card .font-library__font-variant_demo-image {
	3793	+ transition: opacity var(--wpds-motion-duration-lg, 300ms) var(--wpds-motion-easing-subtle, cubic-bezier(0.15, 0, 0.15, 1));
	3794	+ }
	3795	+}
	3796	+.font-library__font-card .font-library__font-variant_demo-image.is-loading {
	3797	+ position: absolute;
	3798	+ top: 0;
	3799	+ left: 0;
	3800	+ opacity: 0;
	3801	+}
	3802	+
	3803	+.font-library__font-card .font-library__font-variant-demo-skeleton {
	3804	+ height: 24px;
	3805	+ border-radius: var(--wpds-border-radius-sm, 2px);
	3806	+}
	3807	+
3737	3808	.font-library__font-card .font-library__font-variant_demo-text {
3738	3809	white-space: nowrap;
3739	3810	flex-shrink: 0;
3740	3811	}
		@@ -3746,9 +3817,9 @@
3746	3817	}
3747	3818	.font-library-modal__tablist-container {
3748	3819	position: sticky;
3749	3820	top: 0;
3750		- border-bottom: 1px solid #ddd;
	3821	+ border-bottom: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3751	3822	background: #fff;
3752	3823	z-index: 1;
3753	3824	}
3754	3825
		@@ -3769,9 +3840,9 @@
3769	3840	width: 80%;
3770	3841	}
3771	3842
3772	3843	.font-library__local-fonts .font-library__upload-area__text {
3773		- color: #757575;
	3844	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3774	3845	}
3775	3846
3776	3847	.font-library__google-fonts-confirm {
3777	3848	display: flex;
		@@ -3806,115 +3877,22 @@
3806	3877	.font-library__select-all .components-checkbox-control__label {
3807	3878	padding-left: 16px;
3808	3879	}
3809	3880
3810		-.global-styles-ui-pagination .components-button.is-tertiary {
3811		- width: 32px;
3812		- height: 32px;
3813		- justify-content: center;
3814		-}
3815		-
3816		-.global-styles-ui-screen-revisions__revisions-list {
3817		- list-style: none;
3818		- margin: 0 16px 16px 16px;
3819		- flex-grow: 1;
3820		-}
3821		-
3822		-.global-styles-ui-screen-revisions__revisions-list li {
3823		- margin-bottom: 0;
3824		-}
3825		-
3826		-.global-styles-ui-screen-revisions__revision-item {
3827		- position: relative;
3828		- cursor: var(--wpds-cursor-control, pointer);
	3881	+.global-styles-ui-screen-revisions {
3829	3882	display: flex;
3830	3883	flex-direction: column;
	3884	+ flex-grow: 1;
	3885	+ min-height: 0;
3831	3886	}
3832	3887
3833		-.global-styles-ui-screen-revisions__revision-item[role=option]:active, .global-styles-ui-screen-revisions__revision-item[role=option]:focus {
3834		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3835		- outline: 2px solid transparent;
	3888	+.global-styles-ui-screen-revisions__actions {
	3889	+ margin-inline-start: auto;
3836	3890	}
3837	3891
3838		-.global-styles-ui-screen-revisions__revision-item:hover {
3839		- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3840		-}
3841		-
3842		-.global-styles-ui-screen-revisions__revision-item:hover .global-styles-ui-screen-revisions__date {
3843		- color: var(--wp-admin-theme-color);
3844		-}
3845		-
3846		-.global-styles-ui-screen-revisions__revision-item::before, .global-styles-ui-screen-revisions__revision-item::after {
3847		- position: absolute;
3848		- content: "\a";
3849		- display: block;
3850		-}
3851		-
3852		-.global-styles-ui-screen-revisions__revision-item::before {
3853		- background: #ddd;
3854		- border-radius: 50%;
3855		- height: 8px;
3856		- width: 8px;
3857		- top: 18px;
3858		- left: 17px;
3859		- transform: translate(-50%, -50%);
3860		- z-index: 1;
3861		- border: 4px solid transparent;
3862		-}
3863		-
3864		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] {
3865		- border-radius: 2px;
3866		- outline: 3px solid transparent;
3867		- outline-offset: -2px;
3868		- color: var(--wp-admin-theme-color);
3869		- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3870		-}
3871		-
3872		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__date {
3873		- color: var(--wp-admin-theme-color);
3874		-}
3875		-
3876		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true]::before {
3877		- background: var(--wp-admin-theme-color);
3878		-}
3879		-
3880		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
3881		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
3882		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
3883		- color: #1e1e1e;
3884		-}
3885		-
3886		-.global-styles-ui-screen-revisions__revision-item::after {
3887		- height: 100%;
3888		- left: 16px;
3889		- top: 0;
3890		- width: 0;
3891		- border: 0.5px solid #ddd;
3892		-}
3893		-
3894		-.global-styles-ui-screen-revisions__revision-item:first-child::after {
3895		- top: 18px;
3896		-}
3897		-
3898		-.global-styles-ui-screen-revisions__revision-item:last-child::after {
3899		- height: 18px;
3900		-}
3901		-
3902		-.global-styles-ui-screen-revisions__revision-item-wrapper {
3903		- display: block;
3904		- padding: 12px 12px 4px 40px;
3905		-}
3906		-
3907		-.global-styles-ui-screen-revisions__apply-button.is-primary,
3908		-.global-styles-ui-screen-revisions__applied-text {
3909		- align-self: flex-start;
3910		- margin: 4px 12px 12px 40px;
3911		-}
3912		-
3913		-.global-styles-ui-screen-revisions__changes,
3914		-.global-styles-ui-screen-revisions__meta,
3915		-.global-styles-ui-screen-revisions__applied-text {
3916		- color: #757575;
	3892	+.global-styles-ui-screen-revisions__date {
	3893	+ text-transform: uppercase;
	3894	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3917	3895	font-size: 12px;
3918	3896	}
3919	3897
3920	3898	.global-styles-ui-screen-revisions__description {
		@@ -3923,11 +3901,11 @@
3923	3901	align-items: flex-start;
3924	3902	gap: 8px;
3925	3903	}
3926	3904
3927		-.global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
3928		- text-transform: uppercase;
3929		- font-weight: 600;
	3905	+.global-styles-ui-screen-revisions__changes,
	3906	+.global-styles-ui-screen-revisions__meta {
	3907	+ color: #2f2f2f;
3930	3908	font-size: 12px;
3931	3909	}
3932	3910
3933	3911	.global-styles-ui-screen-revisions__meta {
		@@ -3933,11 +3911,10 @@
3933	3911	.global-styles-ui-screen-revisions__meta {
3934	3912	display: flex;
3935	3913	justify-content: start;
3936	3914	width: 100%;
3937		- align-items: flex-start;
	3915	+ align-items: center;
3938	3916	text-align: left;
3939		- margin-bottom: 4px;
3940	3917	}
3941	3918
3942	3919	.global-styles-ui-screen-revisions__meta img {
3943	3920	width: 16px;
		@@ -3945,16 +3922,12 @@
3945	3922	border-radius: 100%;
3946	3923	margin-right: 8px;
3947	3924	}
3948	3925
3949		-.global-styles-ui-screen-revisions__loading {
3950		- margin: 24px auto !important;
3951		-}
3952		-
3953	3926	.global-styles-ui-screen-revisions__changes {
3954	3927	text-align: left;
3955	3928	line-height: 1.4;
3956		- margin-left: 12px;
	3929	+ margin: 0 0 0 12px;
3957	3930	list-style: disc;
3958	3931	}
3959	3932
3960	3933	.global-styles-ui-screen-revisions__changes li {
		@@ -3960,47 +3933,8 @@
3960	3933	.global-styles-ui-screen-revisions__changes li {
3961	3934	margin-bottom: 4px;
3962	3935	}
3963	3936
3964		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination {
3965		- justify-content: space-between;
3966		- gap: 2px;
3967		-}
3968		-
3969		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .edit-site-pagination__total {
3970		- position: absolute;
3971		- left: -1000px;
3972		- height: 1px;
3973		- margin: -1px;
3974		- overflow: hidden;
3975		-}
3976		-
3977		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-text {
3978		- font-size: 12px;
3979		- will-change: opacity;
3980		-}
3981		-
3982		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary {
3983		- color: #1e1e1e;
3984		-}
3985		-
3986		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary:disabled,
3987		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true] {
3988		- color: #949494;
3989		-}
3990		-
3991		-.global-styles-ui-screen-revisions__footer {
3992		- height: 56px;
3993		- z-index: 1;
3994		- position: sticky;
3995		- min-width: 100%;
3996		- bottom: 0;
3997		- background: #fff;
3998		- padding: 12px;
3999		- border-top: 1px solid #ddd;
4000		- box-sizing: border-box;
4001		-}
4002		-
4003	3937	.global-styles-ui-variations_item {
4004	3938	box-sizing: border-box;
4005	3939	cursor: var(--wpds-cursor-control, pointer);
4006	3940	}
		@@ -4081,13 +4015,34 @@
4081	4015	justify-content: center;
4082	4016	border-radius: 2px;
4083	4017	}
4084	4018
	4019	+.global-styles-ui-block-types-filter {
	4020	+ margin-bottom: 12px;
	4021	+ padding: 0 16px;
	4022	+}
	4023	+
4085	4024	.global-styles-ui-block-types-search {
4086		- margin-bottom: 10px;
4087		- padding: 0 16px;
	4025	+ flex-grow: 1;
4088	4026	}
4089	4027
	4028	+.global-styles-ui-block-types-item-list .global-styles-ui-block-types-item__icon {
	4029	+ min-width: 24px;
	4030	+}
	4031	+
	4032	+.global-styles-ui-block-types-item-list__no-results {
	4033	+ padding-top: 16px;
	4034	+}
	4035	+
	4036	+.global-styles-ui-block-types-item__indicator {
	4037	+ background: var(--wp-admin-theme-color);
	4038	+ border-radius: 50%;
	4039	+ flex: none;
	4040	+ height: 6px;
	4041	+ margin-left: auto;
	4042	+ width: 6px;
	4043	+}
	4044	+
4090	4045	.global-styles-ui-screen-typography__font-variants-count {
4091	4046	color: #757575;
4092	4047	}
4093	4048
		@@ -4110,15 +4065,15 @@
4110	4065
4111	4066	.global-styles-ui-subtitle {
4112	4067	margin-bottom: 0 !important;
4113	4068	text-transform: uppercase;
4114		- font-weight: 499 !important;
	4069	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600) !important;
4115	4070	font-size: 11px !important;
4116	4071	}
4117	4072
4118	4073	.global-styles-ui-section-title {
4119	4074	color: #2f2f2f;
4120		- font-weight: 600;
	4075	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4121	4076	line-height: 1.2;
4122	4077	padding: 16px 16px 0;
4123	4078	margin: 0;
4124	4079	}
		@@ -4129,10 +4084,20 @@
4129	4084
4130	4085	.global-styles-ui__color-indicator-wrapper {
4131	4086	height: 24px;
4132	4087	flex-shrink: 0;
	4088	+ display: flex;
	4089	+ align-items: center;
4133	4090	}
4134	4091
	4092	+.global-styles-ui__palette-preview {
	4093	+ display: inline-flex;
	4094	+}
	4095	+
	4096	+.global-styles-ui__palette-preview > * + * {
	4097	+ margin-inline-start: -8px;
	4098	+}
	4099	+
4135	4100	.global-styles-ui__shadows-panel__options-container,
4136	4101	.global-styles-ui__typography-panel__options-container {
4137	4102	height: 24px;
4138	4103	}
		@@ -4144,9 +4109,10 @@
4144	4109	border-radius: 2px;
4145	4110	overflow: hidden;
4146	4111	}
4147	4112
4148		-.global-styles-ui__shadow-preview-panel {
	4113	+.global-styles-ui__shadow-preview-panel,
	4114	+.global-styles-ui__text-shadow-preview-panel {
4149	4115	height: 144px;
4150	4116	border: #ddd 1px solid;
4151	4117	border-radius: 2px;
4152	4118	overflow: auto;
		@@ -4156,9 +4122,9 @@
4156	4122	/*rtl:end:ignore*/
4157	4123	background-size: 16px 16px;
4158	4124	}
4159	4125
4160		-.global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
	4126	+.global-styles-ui__shadow-preview-block {
4161	4127	border: #ddd 1px solid;
4162	4128	border-radius: 2px;
4163	4129	background-color: #fff;
4164	4130	width: 60%;
		@@ -4164,22 +4130,44 @@
4164	4130	width: 60%;
4165	4131	height: 60px;
4166	4132	}
4167	4133
4168		-.global-styles-ui__shadow-editor__dropdown-content {
	4134	+.global-styles-ui__text-shadow-preview-panel {
	4135	+ margin-block: -8px 16px;
	4136	+}
	4137	+
	4138	+.global-styles-ui__text-shadow-preview-text {
	4139	+ font-size: 24px;
	4140	+}
	4141	+
	4142	+.global-styles-ui__text-shadow-editor__header {
	4143	+ margin-block-end: 8px;
	4144	+}
	4145	+
	4146	+.global-styles-ui__text-shadow-editor__inputs {
	4147	+ display: grid;
	4148	+ grid-template-columns: repeat(2, 1fr);
	4149	+ gap: 16px;
	4150	+}
	4151	+
	4152	+.global-styles-ui__shadow-editor__dropdown-content,
	4153	+.global-styles-ui__text-shadow-editor__dropdown-content {
4169	4154	width: 280px;
4170	4155	}
4171	4156
4172		-.global-styles-ui__shadow-editor-panel {
	4157	+.global-styles-ui__shadow-editor-panel,
	4158	+.global-styles-ui__text-shadow-editor-panel {
4173	4159	margin-bottom: 4px;
4174	4160	}
4175	4161
4176		-.global-styles-ui__shadow-editor__dropdown {
	4162	+.global-styles-ui__shadow-editor__dropdown,
	4163	+.global-styles-ui__text-shadow-editor__dropdown {
4177	4164	width: 100%;
4178	4165	position: relative;
4179	4166	}
4180	4167
4181		-.global-styles-ui__shadow-editor__dropdown-toggle {
	4168	+.global-styles-ui__shadow-editor__dropdown-toggle,
	4169	+.global-styles-ui__text-shadow-editor__dropdown-toggle {
4182	4170	width: 100%;
4183	4171	height: auto;
4184	4172	padding-top: 8px;
4185	4173	padding-bottom: 8px;
		@@ -4186,14 +4174,16 @@
4186	4174	text-align: left;
4187	4175	border-radius: inherit;
4188	4176	}
4189	4177
4190		-.global-styles-ui__shadow-editor__dropdown-toggle.is-open {
	4178	+.global-styles-ui__shadow-editor__dropdown-toggle.is-open,
	4179	+.global-styles-ui__text-shadow-editor__dropdown-toggle.is-open {
4191	4180	background: #f0f0f0;
4192	4181	color: var(--wp-admin-theme-color);
4193	4182	}
4194	4183
4195		-.global-styles-ui__shadow-editor__remove-button {
	4184	+.global-styles-ui__shadow-editor__remove-button,
	4185	+.global-styles-ui__text-shadow-editor__remove-button {
4196	4186	position: absolute;
4197	4187	right: 8px;
4198	4188	top: 8px;
4199	4189	opacity: 0;
		@@ -4198,18 +4188,19 @@
4198	4188	top: 8px;
4199	4189	opacity: 0;
4200	4190	}
4201	4191
4202		-.global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
4203		- border: none;
4204		-}
4205		-
4206		-.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__shadow-editor__remove-button:focus, .global-styles-ui__shadow-editor__remove-button:hover {
	4192	+.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__text-shadow-editor__dropdown-toggle:hover + .global-styles-ui__shadow-editor__remove-button, .global-styles-ui__shadow-editor__remove-button:focus, .global-styles-ui__shadow-editor__remove-button:hover,
	4193	+.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__text-shadow-editor__remove-button,
	4194	+.global-styles-ui__text-shadow-editor__dropdown-toggle:hover + .global-styles-ui__text-shadow-editor__remove-button,
	4195	+.global-styles-ui__text-shadow-editor__remove-button:focus,
	4196	+.global-styles-ui__text-shadow-editor__remove-button:hover {
4207	4197	opacity: 1;
4208	4198	}
4209	4199
4210	4200	@media (hover: none) {
4211		- .global-styles-ui__shadow-editor__remove-button {
	4201	+ .global-styles-ui__shadow-editor__remove-button,
	4202	+ .global-styles-ui__text-shadow-editor__remove-button {
4212	4203	opacity: 1;
4213	4204	}
4214	4205	}
4215	4206	.global-styles-ui-screen-css {
		@@ -4262,8 +4253,16 @@
4262	4253	flex-direction: column;
4263	4254	height: 100%;
4264	4255	}
4265	4256
	4257	+.global-styles-ui-color-palette__tablist-container {
	4258	+ border-bottom: 1px solid #ddd;
	4259	+}
	4260	+
	4261	+.global-styles-ui-color-palette__tablist {
	4262	+ margin-bottom: -1px;
	4263	+}
	4264	+
4266	4265	.global-styles-ui-sidebar__navigator-screen .single-column {
4267	4266	grid-column: span 1;
4268	4267	}
4269	4268
		@@ -4285,9 +4284,10 @@
4285	4284	clip-path: border-box;
4286	4285	}
4287	4286
4288	4287	.global-styles-ui-color-palette-panel,
4289		-.global-styles-ui-gradient-palette-panel {
	4288	+.global-styles-ui-gradient-palette-panel,
	4289	+.global-styles-ui-duotone-palette-panel {
4290	4290	padding: 16px;
4291	4291	}
4292	4292
4293	4293	.edit-site-custom-template-modal__contents-wrapper {
		@@ -4296,13 +4296,8 @@
4296	4296	}
4297	4297	.edit-site-custom-template-modal__contents-wrapper > * {
4298	4298	width: 100%;
4299	4299	}
4300		-.edit-site-custom-template-modal__contents-wrapper__suggestions_list {
4301		- margin-left: -12px;
4302		- margin-right: -12px;
4303		- width: calc(100% + 24px);
4304		-}
4305	4300	.edit-site-custom-template-modal__contents > .components-button {
4306	4301	height: auto;
4307	4302	justify-content: center;
4308	4303	}
		@@ -4312,10 +4307,14 @@
4312	4307	}
4313	4308	}
4314	4309	@media (min-width: 600px) {
4315	4310	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list {
4316		- max-height: 224px;
4317	4311	overflow-y: auto;
	4312	+ max-height: calc(224px + 4 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4313	+ padding: calc(2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4314	+ margin-inline: calc(-2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4315	+ width: calc(100% + 4 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4316	+ scroll-padding-block: calc(2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
4318	4317	}
4319	4318	}
4320	4319	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item {
4321	4320	display: block;
		@@ -4341,11 +4340,8 @@
4341	4340	}
4342	4341	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus {
4343	4342	background-color: #f0f0f0;
4344	4343	}
4345		-.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) {
4346		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
4347		-}
4348	4344	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title, .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info {
4349	4345	overflow: hidden;
4350	4346	text-overflow: ellipsis;
4351	4347	display: block;
		@@ -4377,14 +4373,10 @@
4377	4373	}
4378	4374	}
4379	4375	.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg,
4380	4376	.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg {
4381		- fill: var(--wp-admin-theme-color);
	4377	+ color: var(--wp-admin-theme-color);
4382	4378	}
4383		-.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name {
4384		- flex-grow: 1;
4385		- align-items: flex-start;
4386		-}
4387	4379	.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon {
4388	4380	padding: 8px;
4389	4381	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
4390	4382	border-radius: 100%;
		@@ -4398,9 +4390,8 @@
4398	4390	display: flex;
4399	4391	flex-direction: column;
4400	4392	border: 1px solid #ddd;
4401	4393	justify-content: center;
4402		- outline: 1px solid transparent;
4403	4394	}
4404	4395	.edit-site-custom-template-modal__contents > .components-button span:first-child,
4405	4396	.edit-site-add-new-template__template-list__contents > .components-button span:first-child {
4406	4397	color: #1e1e1e;
		@@ -4418,14 +4409,8 @@
4418	4409	.edit-site-custom-template-modal__contents > .components-button:hover span,
4419	4410	.edit-site-add-new-template__template-list__contents > .components-button:hover span {
4420	4411	color: var(--wp-admin-theme-color);
4421	4412	}
4422		-.edit-site-custom-template-modal__contents > .components-button:focus,
4423		-.edit-site-add-new-template__template-list__contents > .components-button:focus {
4424		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4425		- border-color: transparent;
4426		- outline: 3px solid transparent;
4427		-}
4428	4413	.edit-site-custom-template-modal__contents > .components-button:focus span:first-child,
4429	4414	.edit-site-add-new-template__template-list__contents > .components-button:focus span:first-child {
4430	4415	color: var(--wp-admin-theme-color);
4431	4416	}
		@@ -4437,10 +4422,12 @@
4437	4422	}
4438	4423
4439	4424	.edit-site-add-new-template__template-list__contents > .components-button {
4440	4425	height: 100%;
	4426	+ padding: 16px;
4441	4427	text-align: start;
4442	4428	align-items: flex-start;
	4429	+ justify-content: flex-start;
4443	4430	}
4444	4431
4445	4432	.edit-site-visual-editor__editor-canvas.is-focused {
4446	4433	outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
		@@ -4447,8 +4434,9 @@
4447	4434	outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
4448	4435	}
4449	4436
4450	4437	.edit-site-canvas-loader {
	4438	+ --wp-components-color-foreground: var(--color);
4451	4439	width: 100%;
4452	4440	height: 100%;
4453	4441	display: flex;
4454	4442	position: absolute;
		@@ -4463,11 +4451,8 @@
4463	4451	animation: 0.5s ease 0.2s edit-site-canvas-loader__fade-in-animation;
4464	4452	animation-fill-mode: forwards;
4465	4453	}
4466	4454	}
4467		-.edit-site-canvas-loader > div {
4468		- width: 160px;
4469		-}
4470	4455
4471	4456	@keyframes edit-site-canvas-loader__fade-in-animation {
4472	4457	from {
4473	4458	opacity: 0;
		@@ -4531,11 +4516,12 @@
4531	4516	.edit-site-patterns__section-header .screen-reader-shortcut:focus {
4532	4517	top: 0;
4533	4518	}
4534	4519
4535		-.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully) {
	4520	+.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.fields-field__pattern-sync-status-fully) {
4536	4521	background: rgba(var(--wp-block-synced-color--rgb), 0.04);
4537	4522	color: var(--wp-block-synced-color);
	4523	+ border-color: currentColor;
4538	4524	}
4539	4525
4540	4526	.dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
4541	4527	width: 350px;
		@@ -4550,9 +4536,9 @@
4550	4536	border-bottom-right-radius: 2px;
4551	4537	box-shadow: 0 0 0.5px 0.5px var(--wp-admin-theme-color);
4552	4538	box-sizing: border-box;
4553	4539	z-index: 1;
4554		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	4540	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
4555	4541	width: calc(100% + 2px);
4556	4542	left: -1px;
4557	4543	min-width: initial;
4558	4544	max-height: 96px;
		@@ -4607,13 +4593,8 @@
4607	4593
4608	4594	.edit-site-list__rename-modal {
4609	4595	z-index: 1000001;
4610	4596	}
4611		-@media (min-width: 782px) {
4612		- .edit-site-list__rename-modal .components-base-control {
4613		- width: 320px;
4614		- }
4615		-}
4616	4597
4617	4598	.edit-site-editor__editor-interface {
4618	4599	opacity: 1;
4619	4600	}
		@@ -4635,61 +4616,8 @@
4635	4616	display: flex;
4636	4617	justify-content: center;
4637	4618	}
4638	4619
4639		-.edit-site-editor__view-mode-toggle {
4640		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4641		- view-transition-name: toggle;
4642		- /* stylelint-enable */
4643		- top: 0;
4644		- left: 0;
4645		- height: 64px;
4646		- width: 64px;
4647		- z-index: 100;
4648		-}
4649		-.edit-site-editor__view-mode-toggle .components-button {
4650		- color: #fff;
4651		- height: 100%;
4652		- width: 100%;
4653		- border-radius: 0;
4654		- overflow: hidden;
4655		- padding: 0;
4656		- display: flex;
4657		- align-items: center;
4658		- justify-content: center;
4659		-}
4660		-.edit-site-editor__view-mode-toggle .components-button:hover, .edit-site-editor__view-mode-toggle .components-button:active {
4661		- color: #fff;
4662		-}
4663		-.edit-site-editor__view-mode-toggle .components-button:focus {
4664		- box-shadow: none;
4665		-}
4666		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg,
4667		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img {
4668		- background: #1e1e1e;
4669		- display: block;
4670		-}
4671		-
4672		-.edit-site-editor__back-icon {
4673		- position: absolute;
4674		- top: 0;
4675		- left: 0;
4676		- width: 64px;
4677		- height: 64px;
4678		- display: flex;
4679		- align-items: center;
4680		- justify-content: center;
4681		- background-color: hsl(0, 0%, 80%);
4682		- pointer-events: none;
4683		-}
4684		-.edit-site-editor__back-icon svg {
4685		- fill: currentColor;
4686		-}
4687		-.edit-site-editor__back-icon.has-site-icon {
4688		- background-color: hsla(0, 0%, 100%, 0.6);
4689		- backdrop-filter: saturate(180%) blur(15px);
4690		-}
4691		-
4692	4620	.edit-site-welcome-guide {
4693	4621	width: 312px;
4694	4622	}
4695	4623	.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image {
		@@ -4708,13 +4636,12 @@
4708	4636	}
4709	4637	.edit-site-welcome-guide__image > img {
4710	4638	display: block;
4711	4639	max-width: 100%;
4712		- -o-object-fit: cover;
4713		- object-fit: cover;
	4640	+ object-fit: cover;
4714	4641	}
4715	4642	.edit-site-welcome-guide__heading {
4716		- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	4643	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4717	4644	font-size: 24px;
4718	4645	line-height: 1.4;
4719	4646	margin: 16px 0 16px 0;
4720	4647	padding: 0 32px;
		@@ -4732,24 +4659,25 @@
4732	4659	margin: 0 4px;
4733	4660	vertical-align: text-top;
4734	4661	}
4735	4662	.edit-site-welcome-guide .components-button:hover svg {
4736		- fill: #fff;
	4663	+ color: #fff;
4737	4664	}
4738	4665
4739	4666	.edit-site-layout {
4740	4667	height: 100%;
4741		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
4742		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4668	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	4669	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4743	4670	display: flex;
4744	4671	flex-direction: column;
4745	4672	}
4746	4673	.edit-site-layout:not(.is-full-canvas) .editor-visual-editor {
4747		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	4674	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
4748	4675	}
4749	4676
4750	4677	.edit-site-layout__content {
4751	4678	height: 100%;
	4679	+ min-height: 0;
4752	4680	flex-grow: 1;
4753	4681	display: flex;
4754	4682	}
4755	4683
		@@ -4764,16 +4692,17 @@
4764	4692	}
4765	4693	}
4766	4694	.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
4767	4695	position: fixed !important;
4768		- height: 100vh;
	4696	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
4769	4697	left: 0;
4770		- top: 0;
	4698	+ top: var(--wp-admin--admin-bar--height, 0);
4771	4699	}
4772	4700	.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
4773	4701	display: flex;
4774	4702	flex-direction: column;
4775	4703	height: 100%;
	4704	+ min-height: 0;
4776	4705	}
4777	4706	.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
4778	4707	right: 0;
4779	4708	}
		@@ -4810,11 +4739,14 @@
4810	4739	.edit-site-layout__mobile-content {
4811	4740	display: flex;
4812	4741	flex-direction: column;
4813	4742	flex-grow: 1;
4814		- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
4815	4743	}
4816	4744
	4745	+.edit-site-sidebar__screen-wrapper:has(.edit-site-layout__mobile-content) {
	4746	+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
	4747	+}
	4748	+
4817	4749	.edit-site-layout__canvas-container {
4818	4750	position: relative;
4819	4751	flex-grow: 1;
4820	4752	z-index: 2;
		@@ -4834,9 +4766,9 @@
4834	4766	.edit-site-layout__canvas.is-right-aligned {
4835	4767	justify-content: flex-end;
4836	4768	}
4837	4769	.edit-site-layout__canvas .edit-site-resizable-frame__inner {
4838		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4770	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4839	4771	}
4840	4772	@media (min-width: 782px) {
4841	4773	.edit-site-layout__canvas {
4842	4774	top: 16px;
		@@ -4854,9 +4786,9 @@
4854	4786	}
4855	4787	}
4856	4788	@media (min-width: 782px) {
4857	4789	.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
4858		- border-radius: 8px;
	4790	+ border-radius: var(--wpds-border-radius-xl, 12px);
4859	4791	}
4860	4792	.edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
4861	4793	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08), 0 15px 27px rgba(0, 0, 0, 0.07), 0 30px 36px rgba(0, 0, 0, 0.04), 0 50px 43px rgba(0, 0, 0, 0.02);
4862	4794	}
		@@ -4877,9 +4809,8 @@
4877	4809	.edit-site-template-pages-preview {
4878	4810	height: 100%;
4879	4811	}
4880	4812
4881		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4882	4813	html.canvas-mode-edit-transition::view-transition-group(toggle) {
4883	4814	animation-delay: 255ms;
4884	4815	}
4885	4816
		@@ -4889,61 +4820,8 @@
4889	4820	::view-transition-new(*) {
4890	4821	animation: none !important;
4891	4822	}
4892	4823	}
4893		-/* stylelint-enable */
4894		-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
4895		- display: none;
4896		-}
4897		-
4898		-.edit-site-layout__view-mode-toggle.components-button {
4899		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4900		- view-transition-name: toggle;
4901		- /* stylelint-enable */
4902		- position: relative;
4903		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
4904		- height: 64px;
4905		- width: 64px;
4906		- overflow: hidden;
4907		- padding: 0;
4908		- display: flex;
4909		- align-items: center;
4910		- justify-content: center;
4911		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
4912		- border-radius: 0;
4913		-}
4914		-.edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
4915		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
4916		-}
4917		-.edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
4918		- box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
4919		- outline: 4px solid rgba(0, 0, 0, 0);
4920		- outline-offset: 4px;
4921		-}
4922		-.edit-site-layout__view-mode-toggle.components-button::before {
4923		- content: "";
4924		- display: block;
4925		- position: absolute;
4926		- top: 9px;
4927		- right: 9px;
4928		- bottom: 9px;
4929		- left: 17px;
4930		- border-radius: 4px;
4931		- box-shadow: none;
4932		-}
4933		-@media not (prefers-reduced-motion) {
4934		- .edit-site-layout__view-mode-toggle.components-button::before {
4935		- transition: box-shadow 0.1s ease;
4936		- }
4937		-}
4938		-.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
4939		- display: flex;
4940		- height: 64px;
4941		- width: 64px;
4942		- justify-content: center;
4943		- align-items: center;
4944		-}
4945		-
4946	4824	.edit-site-layout__actions {
4947	4825	z-index: 100000;
4948	4826	position: fixed !important;
4949	4827	top: -9999em;
		@@ -4950,10 +4828,10 @@
4950	4828	bottom: auto;
4951	4829	left: auto;
4952	4830	right: 0;
4953	4831	width: 280px;
4954		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
4955		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
	4832	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	4833	+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
4956	4834	}
4957	4835	.edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
4958	4836	top: auto;
4959	4837	bottom: 0;
		@@ -4958,9 +4836,9 @@
4958	4836	top: auto;
4959	4837	bottom: 0;
4960	4838	}
4961	4839	.edit-site-layout__actions.is-entity-save-view-open:focus, .edit-site-layout__actions.is-entity-save-view-open:focus-within {
4962		- top: 0;
	4840	+ top: var(--wp-admin--admin-bar--height, 0);
4963	4841	}
4964	4842	@media (min-width: 782px) {
4965	4843	.edit-site-layout__actions {
4966	4844	border-left: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -4974,9 +4852,9 @@
4974	4852	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
4975	4853	}
4976	4854	@media (min-width: 782px) {
4977	4855	.edit-site-layout__area {
4978		- border-radius: 8px;
	4856	+ border-radius: var(--wpds-border-radius-xl, 12px);
4979	4857	margin: 16px 16px 16px 0;
4980	4858	}
4981	4859	}
4982	4860
		@@ -4981,9 +4859,9 @@
4981	4859	}
4982	4860
4983	4861	.edit-site-layout__snackbar {
4984	4862	position: fixed;
4985		- bottom: 24px;
	4863	+ bottom: var(--wpds-dimension-size-md, 32px);
4986	4864	left: 0;
4987	4865	right: 0;
4988	4866	padding-inline: 16px;
4989	4867	box-sizing: border-box;
		@@ -4995,13 +4873,13 @@
4995	4873	margin-inline: auto;
4996	4874	}
4997	4875
4998	4876	.edit-site-save-hub {
4999		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4877	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
5000	4878	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
5001	4879	flex-shrink: 0;
5002	4880	margin: 0;
5003		- padding: 16px 16px;
	4881	+ padding: 16px;
5004	4882	}
5005	4883
5006	4884	.edit-site-save-hub__button {
5007	4885	color: inherit;
		@@ -5014,9 +4892,9 @@
5014	4892	.edit-site-save-hub__button[aria-disabled=true], .edit-site-save-hub__button[aria-disabled=true]:hover {
5015	4893	color: inherit;
5016	4894	}
5017	4895	.edit-site-save-hub__button:not(.is-primary).is-busy, .edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover {
5018		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	4896	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5019	4897	}
5020	4898
5021	4899	@media (min-width: 600px) {
5022	4900	.edit-site-save-panel__modal {
		@@ -5025,8 +4903,10 @@
5025	4903	}
5026	4904
5027	4905	.edit-site-sidebar__content {
5028	4906	flex-grow: 1;
	4907	+ flex-basis: 0;
	4908	+ min-height: 0;
5029	4909	overflow-y: auto;
5030	4910	overflow-x: hidden;
5031	4911	contain: content;
5032	4912	}
		@@ -5109,46 +4989,36 @@
5109	4989	animation-name: local--slide-from-right;
5110	4990	}
5111	4991
5112	4992	.edit-site-sidebar-button {
5113		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	4993	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5114	4994	flex-shrink: 0;
5115	4995	}
5116		-.edit-site-sidebar-button:focus:not(:disabled) {
5117		- box-shadow: none;
	4996	+.edit-site-sidebar-button:focus:not(:focus-visible) {
5118	4997	outline: none;
5119	4998	}
5120		-.edit-site-sidebar-button:focus-visible:not(:disabled) {
5121		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5122		- outline: 3px solid transparent;
5123		-}
5124	4999	.edit-site-sidebar-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-sidebar-button:focus-visible, .edit-site-sidebar-button:focus, .edit-site-sidebar-button:not(:disabled, [aria-disabled=true]):active, .edit-site-sidebar-button[aria-expanded=true] {
5125		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5000	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5126	5001	}
5127	5002
5128	5003	.edit-site-sidebar-navigation-item.components-item {
5129		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5004	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5130	5005	padding: 8px 6px 8px 16px;
5131	5006	border: none;
5132	5007	min-height: 40px;
5133	5008	}
5134		-.edit-site-sidebar-navigation-item.components-item:hover, .edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5135		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5009	+.edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true], .edit-site-sidebar-navigation-item.components-item.edit-site-sidebar-navigation-item.components-item:hover {
	5010	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5136	5011	}
5137		-.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator {
5138		- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5139		-}
5140	5012	.edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5141		- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
5142		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5143		- font-weight: 499;
	5013	+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
	5014	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
	5015	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5144	5016	}
5145	5017	.edit-site-sidebar-navigation-item.components-item:focus-visible {
	5018	+ --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
5146	5019	transform: translateZ(0);
5147	5020	}
5148		-.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
5149		- fill: var(--wpds-color-fg-interactive-neutral-weak, #707070);
5150		-}
5151	5021	.edit-site-sidebar-navigation-item.components-item.with-suffix {
5152	5022	padding-right: 16px;
5153	5023	}
5154	5024
		@@ -5175,9 +5045,9 @@
5175	5045	.edit-site-sidebar-navigation-screen__content {
5176	5046	padding: 0 16px;
5177	5047	}
5178	5048	.edit-site-sidebar-navigation-screen__content .components-text {
5179		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	5049	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
5180	5050	}
5181	5051	.edit-site-sidebar-navigation-screen__content .components-heading {
5182	5052	margin-bottom: 8px;
5183	5053	}
		@@ -5184,10 +5054,10 @@
5184	5054
5185	5055	.edit-site-sidebar-navigation-screen__title-icon {
5186	5056	position: sticky;
5187	5057	top: 0;
5188		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
5189		- padding-top: 48px;
	5058	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	5059	+ padding-top: 32px;
5190	5060	margin-bottom: 8px;
5191	5061	padding-bottom: 8px;
5192	5062	z-index: 1;
5193	5063	}
		@@ -5226,9 +5096,9 @@
5226	5096
5227	5097	.edit-site-sidebar-navigation-screen__footer {
5228	5098	position: sticky;
5229	5099	bottom: 0;
5230		- background-color: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	5100	+ background-color: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5231	5101	gap: 0;
5232	5102	padding: 8px 16px;
5233	5103	margin: 16px 0 0;
5234	5104	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -5247,22 +5117,22 @@
5247	5117	.edit-site-sidebar-navigation-screen__input-control {
5248	5118	width: 100%;
5249	5119	}
5250	5120	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container {
5251		- background: var(--wpds-color-bg-interactive-neutral-weak, #0000);
	5121	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000);
5252	5122	}
5253	5123	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button {
5254		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e) !important;
	5124	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
5255	5125	}
5256	5126	.edit-site-sidebar-navigation-screen__input-control .components-input-control__input {
5257		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e) !important;
5258		- background: var(--wpds-color-bg-interactive-neutral-weak, #0000) !important;
	5127	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
	5128	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000) !important;
5259	5129	}
5260	5130	.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop {
5261	5131	border: 4px !important;
5262	5132	}
5263	5133	.edit-site-sidebar-navigation-screen__input-control .components-base-control__help {
5264		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	5134	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5265	5135	}
5266	5136
5267	5137	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,
5268	5138	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,
		@@ -5270,12 +5140,12 @@
5270	5140	background: none;
5271	5141	}
5272	5142
5273	5143	.sidebar-navigation__more-menu .components-button {
5274		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5144	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5275	5145	}
5276	5146	.sidebar-navigation__more-menu .components-button:hover, .sidebar-navigation__more-menu .components-button:focus, .sidebar-navigation__more-menu .components-button[aria-current] {
5277		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5147	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5278	5148	}
5279	5149
5280	5150	.edit-site-sidebar-navigation-screen-patterns__group {
5281	5151	margin-bottom: 24px;
		@@ -5291,13 +5161,13 @@
5291	5161	.edit-site-sidebar-navigation-screen-patterns__group-header {
5292	5162	margin-top: 16px;
5293	5163	}
5294	5164	.edit-site-sidebar-navigation-screen-patterns__group-header p {
5295		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	5165	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5296	5166	}
5297	5167	.edit-site-sidebar-navigation-screen-patterns__group-header h2 {
5298	5168	font-size: 11px;
5299		- font-weight: 499;
	5169	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5300	5170	text-transform: uppercase;
5301	5171	}
5302	5172
5303	5173	.edit-site-sidebar-navigation-screen-patterns__divider {
		@@ -5323,26 +5193,26 @@
5323	5193	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell {
5324	5194	padding-right: 0;
5325	5195	}
5326	5196	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button {
5327		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5197	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5328	5198	}
5329	5199	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current] {
5330		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5200	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5331	5201	}
5332	5202	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
5333		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5203	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5334	5204	}
5335	5205	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus {
5336		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5206	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5337	5207	}
5338	5208	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle {
5339		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
5340		- color: var(--wpds-color-fg-interactive-brand-strong, #fff);
	5209	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	5210	+ color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
5341	5211	}
5342	5212	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle:focus {
5343		- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
5344		- color: var(--wpds-color-fg-interactive-brand-strong-active, #fff);
	5213	+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
	5214	+ color: var(--wpds-color-foreground-interactive-brand-strong-active, #fff);
5345	5215	}
5346	5216
5347	5217	.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner {
5348	5218	margin-left: auto;
		@@ -5358,13 +5228,8 @@
5358	5228	margin-left: -16px;
5359	5229	margin-right: -16px;
5360	5230	}
5361	5231
5362		-.edit-site-sidebar-navigation-screen-templates-browse {
5363		- margin-left: -16px;
5364		- margin-right: -16px;
5365		-}
5366		-
5367	5232	.edit-site-sidebar-dataviews {
5368	5233	margin-left: -16px;
5369	5234	margin-right: -16px;
5370	5235	}
		@@ -5371,112 +5236,16 @@
5371	5236
5372	5237	.edit-site-site-hub {
5373	5238	display: flex;
5374	5239	align-items: center;
5375		- justify-content: space-between;
5376		- gap: 8px;
5377		- margin-right: 12px;
	5240	+ padding-left: 16px;
5378	5241	height: 64px;
5379	5242	}
5380	5243
5381		-.edit-site-site-hub__actions {
5382		- flex-shrink: 0;
	5244	+.edit-site-site-hub__back-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-site-hub__back-button:active:not(:disabled, [aria-disabled=true]) {
	5245	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5383	5246	}
5384	5247
5385		-.edit-site-site-hub__view-mode-toggle-container {
5386		- height: 64px;
5387		- width: 64px;
5388		- flex-shrink: 0;
5389		-}
5390		-.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon {
5391		- background: transparent;
5392		-}
5393		-
5394		-.edit-site-site-hub__title .components-button {
5395		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5396		- display: block;
5397		- flex-grow: 1;
5398		- font-size: 15px;
5399		- font-weight: 499;
5400		- overflow: hidden;
5401		- padding-right: 16px;
5402		- margin-left: -4px;
5403		- position: relative;
5404		- text-decoration: none;
5405		- text-overflow: ellipsis;
5406		- white-space: nowrap;
5407		-}
5408		-.edit-site-site-hub__title .components-button:hover, .edit-site-site-hub__title .components-button:focus, .edit-site-site-hub__title .components-button:active {
5409		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5410		-}
5411		-.edit-site-site-hub__title .components-button:focus {
5412		- box-shadow: none;
5413		- outline: none;
5414		-}
5415		-.edit-site-site-hub__title .components-button:focus-visible {
5416		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-bg-surface-neutral-weak, #f4f4f4), 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
5417		- outline: 2px solid transparent;
5418		- outline-offset: 2px;
5419		-}
5420		-.edit-site-site-hub__title .components-button::after {
5421		- content: "↗";
5422		- font-weight: 400;
5423		- opacity: 0;
5424		- position: absolute;
5425		- right: 0;
5426		-}
5427		-@media not (prefers-reduced-motion) {
5428		- .edit-site-site-hub__title .components-button::after {
5429		- transition: opacity 0.1s linear;
5430		- }
5431		-}
5432		-.edit-site-site-hub__title .components-button:hover::after, .edit-site-site-hub__title .components-button:focus::after, .edit-site-site-hub__title .components-button:active::after {
5433		- opacity: 1;
5434		-}
5435		-
5436		-.edit-site-site-hub_toggle-command-center {
5437		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5438		-}
5439		-.edit-site-site-hub_toggle-command-center:hover svg, .edit-site-site-hub_toggle-command-center:active svg {
5440		- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5441		-}
5442		-
5443		-.edit-site-site-icon__icon {
5444		- fill: currentColor;
5445		- width: 100%;
5446		- height: 100%;
5447		-}
5448		-.edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
5449		- padding: 12px;
5450		-}
5451		-
5452		-.edit-site-site-icon__image {
5453		- width: 100%;
5454		- height: 100%;
5455		- -o-object-fit: cover;
5456		- object-fit: cover;
5457		- background: #333;
5458		- aspect-ratio: 1/1;
5459		-}
5460		-.edit-site-layout.is-full-canvas .edit-site-site-icon__image {
5461		- border-radius: 0;
5462		-}
5463		-
5464		-.edit-site-editor__view-mode-toggle button:focus {
5465		- position: relative;
5466		-}
5467		-.edit-site-editor__view-mode-toggle button:focus::before {
5468		- content: "";
5469		- display: block;
5470		- position: absolute;
5471		- z-index: 1;
5472		- top: 0;
5473		- right: 0;
5474		- bottom: 0;
5475		- left: 0;
5476		- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
5477		-}
5478		-
5479	5248	.fields-controls__password {
5480	5249	border-top: 1px solid #e0e0e0;
5481	5250	padding-top: 16px;
5482	5251	}
		@@ -5568,9 +5337,8 @@
5568	5337	}
5569	5338	body:has(.edit-site-resizable-frame__inner.is-resizing) {
5570	5339	cursor: col-resize;
5571	5340	-webkit-user-select: none;
5572		- -moz-user-select: none;
5573	5341	user-select: none;
5574	5342	}
5575	5343
5576	5344	.edit-site-resizable-frame__inner.is-resizing::before {
		@@ -5642,18 +5410,26 @@
5642	5410	padding-left: 0;
5643	5411	padding-right: 0;
5644	5412	}
5645	5413	.edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen {
5646		- padding-top: 12px;
5647		- padding-left: 12px;
5648		- padding-right: 12px;
5649		- padding-bottom: 12px;
	5414	+ padding: 12px;
5650	5415	outline: none;
5651	5416	}
	5417	+.edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen .global-styles-ui-color-palette__tablist-container {
	5418	+ margin-inline: -12px;
	5419	+ width: calc(100% + 24px);
	5420	+ padding-inline: 12px;
	5421	+}
5652	5422	.edit-site-styles .edit-site-sidebar-button {
5653		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5423	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5654	5424	}
5655	5425
	5426	+.edit-site-styles__content {
	5427	+ flex-grow: 1;
	5428	+ min-height: 0;
	5429	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
	5430	+}
	5431	+
5656	5432	.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
5657	5433	width: auto;
5658	5434	padding: 0 var(--wpds-dimension-padding-xs, 4px);
5659	5435	}
		@@ -5664,68 +5440,16 @@
5664	5440	content: attr(aria-label);
5665	5441	font-size: var(--wpds-typography-font-size-sm, 12px);
5666	5442	}
5667	5443
5668		-body.has-admin-bar-in-editor {
5669		- margin-top: 0;
5670		- height: 100%;
5671		-}
5672		-body.has-admin-bar-in-editor:has(.editor-editor-interface.is-distraction-free) {
5673		- --wp-admin--admin-bar--height: 0;
5674		-}
5675		-body.has-admin-bar-in-editor .edit-site-site-hub__title,
5676		-body.has-admin-bar-in-editor .edit-site-site-hub__actions {
5677		- display: none;
5678		-}
5679		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
5680		- background: transparent;
5681		-}
5682		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
5683		- color: var(--wp-admin-theme-color);
5684		-}
5685		-body.has-admin-bar-in-editor .edit-site-sidebar-navigation-screen__title-icon {
5686		- padding-top: 16px;
5687		-}
5688		-body.has-admin-bar-in-editor .edit-site-layout__content,
5689		-body.has-admin-bar-in-editor .edit-site-layout__sidebar {
	5444	+.edit-site-sidebar-identity__form {
	5445	+ flex-grow: 1;
5690	5446	min-height: 0;
	5447	+ overflow: auto;
	5448	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
	5449	+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
5691	5450	}
5692		-body.has-admin-bar-in-editor .edit-site-sidebar__content {
5693		- flex-basis: 0;
5694		- min-height: 0;
5695		-}
5696		-body.has-admin-bar-in-editor .edit-site {
5697		- box-sizing: border-box;
5698		- padding-top: var(--wp-admin--admin-bar--height, 0);
5699		- height: 100vh;
5700		- min-height: 100vh;
5701		-}
5702		-@media (min-width: 600px) {
5703		- body.has-admin-bar-in-editor .edit-site {
5704		- padding-top: 0;
5705		- top: var(--wp-admin--admin-bar--height, 0);
5706		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5707		- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5708		- }
5709		-}
5710		-body.has-admin-bar-in-editor .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
5711		- top: var(--wp-admin--admin-bar--height, 0);
5712		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5713		-}
5714		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
5715		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within,
5716		-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus,
5717		-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus-within {
5718		- top: var(--wp-admin--admin-bar--height, 0);
5719		-}
5720		-body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
5721		- display: block;
5722		-}
5723		-body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
5724		- display: none;
5725		-}
5726	5451
5727		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5728	5452	::view-transition-image-pair(root) {
5729	5453	isolation: auto;
5730	5454	}
5731	5455
		@@ -5735,13 +5459,8 @@
5735	5459	mix-blend-mode: normal;
5736	5460	display: block;
5737	5461	}
5738	5462
5739		-/* stylelint-enable */
5740		-body.js #wpadminbar {
5741		- display: none;
5742		-}
5743		-
5744	5463	body.js #wpbody {
5745	5464	padding-top: 0;
5746	5465	}
5747	5466
		@@ -5787,10 +5506,19 @@
5787	5506	max-width: 100%;
5788	5507	}
5789	5508
5790	5509	body.js.site-editor-php {
5791		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	5510	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5792	5511	}
	5512	+@media (min-width: 782px) {
	5513	+ body.js.site-editor-php:has(.editor-editor-interface.is-distraction-free) {
	5514	+ --wp-admin--admin-bar--height: 0px;
	5515	+ --wp-editor-admin-bar-display: none;
	5516	+ }
	5517	+ body.js.site-editor-php #wpadminbar {
	5518	+ display: var(--wp-editor-admin-bar-display, block);
	5519	+ }
	5520	+}
5793	5521
5794	5522	.edit-site {
5795	5523	box-sizing: border-box;
5796	5524	}
		@@ -5799,8 +5527,9 @@
5799	5527	.edit-site *::after {
5800	5528	box-sizing: inherit;
5801	5529	}
5802	5530	.edit-site {
	5531	+ padding-top: var(--wp-admin--admin-bar--height, 0);
5803	5532	height: 100vh;
5804	5533	}
5805	5534	@media (min-width: 600px) {
5806	5535	.edit-site {
		@@ -5805,12 +5534,13 @@
5805	5534	@media (min-width: 600px) {
5806	5535	.edit-site {
5807	5536	bottom: 0;
5808	5537	left: 0;
5809		- min-height: 100vh;
	5538	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	5539	+ padding-top: 0;
5810	5540	position: fixed;
5811	5541	right: 0;
5812		- top: 0;
	5542	+ top: var(--wp-admin--admin-bar--height, 0);
5813	5543	}
5814	5544	}
5815	5545	.no-js .edit-site {
5816	5546	min-height: 0;