← All changes | build/styles/edit-site/style-rtl.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-left: 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	right: 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-left: 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	right: 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 calc(var(--wpds-dimension-base, 4px) * 8) 0 var(--wpds-dimension-padding-sm, 8px);
	892	+ padding: 0 var(--wpds-dimension-size-md, 32px) 0 var(--wpds-dimension-padding-sm, 8px);
864	893	width: 100%;
865		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	894	+ height: var(--wpds-dimension-size-md, 32px);
866	895	margin-right: 0;
867	896	margin-left: 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	left: 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	left: 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	right: 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	left: 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: right;
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	left: 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	right: 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-right: 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: right;
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-right: 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	+ right: 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-right: 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		- right: 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		- right: 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 40px 4px 12px;
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 40px 12px 12px;
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: right;
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-left: 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: right;
3955	3928	line-height: 1.4;
3956		- margin-right: 12px;
	3929	+ margin: 0 12px 0 0;
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		- right: -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-right: 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;
		@@ -4154,9 +4120,9 @@
4154	4120	background-position: 0 0, 8px 8px;
4155	4121	background-size: 16px 16px;
4156	4122	}
4157	4123
4158		-.global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
	4124	+.global-styles-ui__shadow-preview-block {
4159	4125	border: #ddd 1px solid;
4160	4126	border-radius: 2px;
4161	4127	background-color: #fff;
4162	4128	width: 60%;
		@@ -4162,22 +4128,44 @@
4162	4128	width: 60%;
4163	4129	height: 60px;
4164	4130	}
4165	4131
4166		-.global-styles-ui__shadow-editor__dropdown-content {
	4132	+.global-styles-ui__text-shadow-preview-panel {
	4133	+ margin-block: -8px 16px;
	4134	+}
	4135	+
	4136	+.global-styles-ui__text-shadow-preview-text {
	4137	+ font-size: 24px;
	4138	+}
	4139	+
	4140	+.global-styles-ui__text-shadow-editor__header {
	4141	+ margin-block-end: 8px;
	4142	+}
	4143	+
	4144	+.global-styles-ui__text-shadow-editor__inputs {
	4145	+ display: grid;
	4146	+ grid-template-columns: repeat(2, 1fr);
	4147	+ gap: 16px;
	4148	+}
	4149	+
	4150	+.global-styles-ui__shadow-editor__dropdown-content,
	4151	+.global-styles-ui__text-shadow-editor__dropdown-content {
4167	4152	width: 280px;
4168	4153	}
4169	4154
4170		-.global-styles-ui__shadow-editor-panel {
	4155	+.global-styles-ui__shadow-editor-panel,
	4156	+.global-styles-ui__text-shadow-editor-panel {
4171	4157	margin-bottom: 4px;
4172	4158	}
4173	4159
4174		-.global-styles-ui__shadow-editor__dropdown {
	4160	+.global-styles-ui__shadow-editor__dropdown,
	4161	+.global-styles-ui__text-shadow-editor__dropdown {
4175	4162	width: 100%;
4176	4163	position: relative;
4177	4164	}
4178	4165
4179		-.global-styles-ui__shadow-editor__dropdown-toggle {
	4166	+.global-styles-ui__shadow-editor__dropdown-toggle,
	4167	+.global-styles-ui__text-shadow-editor__dropdown-toggle {
4180	4168	width: 100%;
4181	4169	height: auto;
4182	4170	padding-top: 8px;
4183	4171	padding-bottom: 8px;
		@@ -4184,14 +4172,16 @@
4184	4172	text-align: right;
4185	4173	border-radius: inherit;
4186	4174	}
4187	4175
4188		-.global-styles-ui__shadow-editor__dropdown-toggle.is-open {
	4176	+.global-styles-ui__shadow-editor__dropdown-toggle.is-open,
	4177	+.global-styles-ui__text-shadow-editor__dropdown-toggle.is-open {
4189	4178	background: #f0f0f0;
4190	4179	color: var(--wp-admin-theme-color);
4191	4180	}
4192	4181
4193		-.global-styles-ui__shadow-editor__remove-button {
	4182	+.global-styles-ui__shadow-editor__remove-button,
	4183	+.global-styles-ui__text-shadow-editor__remove-button {
4194	4184	position: absolute;
4195	4185	left: 8px;
4196	4186	top: 8px;
4197	4187	opacity: 0;
		@@ -4196,18 +4186,19 @@
4196	4186	top: 8px;
4197	4187	opacity: 0;
4198	4188	}
4199	4189
4200		-.global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
4201		- border: none;
4202		-}
4203		-
4204		-.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 {
	4190	+.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,
	4191	+.global-styles-ui__shadow-editor__dropdown-toggle:hover + .global-styles-ui__text-shadow-editor__remove-button,
	4192	+.global-styles-ui__text-shadow-editor__dropdown-toggle:hover + .global-styles-ui__text-shadow-editor__remove-button,
	4193	+.global-styles-ui__text-shadow-editor__remove-button:focus,
	4194	+.global-styles-ui__text-shadow-editor__remove-button:hover {
4205	4195	opacity: 1;
4206	4196	}
4207	4197
4208	4198	@media (hover: none) {
4209		- .global-styles-ui__shadow-editor__remove-button {
	4199	+ .global-styles-ui__shadow-editor__remove-button,
	4200	+ .global-styles-ui__text-shadow-editor__remove-button {
4210	4201	opacity: 1;
4211	4202	}
4212	4203	}
4213	4204	.global-styles-ui-screen-css {
		@@ -4260,8 +4251,16 @@
4260	4251	flex-direction: column;
4261	4252	height: 100%;
4262	4253	}
4263	4254
	4255	+.global-styles-ui-color-palette__tablist-container {
	4256	+ border-bottom: 1px solid #ddd;
	4257	+}
	4258	+
	4259	+.global-styles-ui-color-palette__tablist {
	4260	+ margin-bottom: -1px;
	4261	+}
	4262	+
4264	4263	.global-styles-ui-sidebar__navigator-screen .single-column {
4265	4264	grid-column: span 1;
4266	4265	}
4267	4266
		@@ -4283,9 +4282,10 @@
4283	4282	clip-path: border-box;
4284	4283	}
4285	4284
4286	4285	.global-styles-ui-color-palette-panel,
4287		-.global-styles-ui-gradient-palette-panel {
	4286	+.global-styles-ui-gradient-palette-panel,
	4287	+.global-styles-ui-duotone-palette-panel {
4288	4288	padding: 16px;
4289	4289	}
4290	4290
4291	4291	.edit-site-custom-template-modal__contents-wrapper {
		@@ -4294,13 +4294,8 @@
4294	4294	}
4295	4295	.edit-site-custom-template-modal__contents-wrapper > * {
4296	4296	width: 100%;
4297	4297	}
4298		-.edit-site-custom-template-modal__contents-wrapper__suggestions_list {
4299		- margin-right: -12px;
4300		- margin-left: -12px;
4301		- width: calc(100% + 24px);
4302		-}
4303	4298	.edit-site-custom-template-modal__contents > .components-button {
4304	4299	height: auto;
4305	4300	justify-content: center;
4306	4301	}
		@@ -4310,10 +4305,14 @@
4310	4305	}
4311	4306	}
4312	4307	@media (min-width: 600px) {
4313	4308	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list {
4314		- max-height: 224px;
4315	4309	overflow-y: auto;
	4310	+ max-height: calc(224px + 4 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4311	+ padding: calc(2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4312	+ margin-inline: calc(-2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4313	+ width: calc(100% + 4 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
	4314	+ scroll-padding-block: calc(2 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
4316	4315	}
4317	4316	}
4318	4317	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item {
4319	4318	display: block;
		@@ -4339,11 +4338,8 @@
4339	4338	}
4340	4339	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus {
4341	4340	background-color: #f0f0f0;
4342	4341	}
4343		-.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) {
4344		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
4345		-}
4346	4342	.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 {
4347	4343	overflow: hidden;
4348	4344	text-overflow: ellipsis;
4349	4345	display: block;
		@@ -4375,14 +4371,10 @@
4375	4371	}
4376	4372	}
4377	4373	.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg,
4378	4374	.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg {
4379		- fill: var(--wp-admin-theme-color);
	4375	+ color: var(--wp-admin-theme-color);
4380	4376	}
4381		-.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name {
4382		- flex-grow: 1;
4383		- align-items: flex-start;
4384		-}
4385	4377	.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon {
4386	4378	padding: 8px;
4387	4379	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
4388	4380	border-radius: 100%;
		@@ -4396,9 +4388,8 @@
4396	4388	display: flex;
4397	4389	flex-direction: column;
4398	4390	border: 1px solid #ddd;
4399	4391	justify-content: center;
4400		- outline: 1px solid transparent;
4401	4392	}
4402	4393	.edit-site-custom-template-modal__contents > .components-button span:first-child,
4403	4394	.edit-site-add-new-template__template-list__contents > .components-button span:first-child {
4404	4395	color: #1e1e1e;
		@@ -4416,14 +4407,8 @@
4416	4407	.edit-site-custom-template-modal__contents > .components-button:hover span,
4417	4408	.edit-site-add-new-template__template-list__contents > .components-button:hover span {
4418	4409	color: var(--wp-admin-theme-color);
4419	4410	}
4420		-.edit-site-custom-template-modal__contents > .components-button:focus,
4421		-.edit-site-add-new-template__template-list__contents > .components-button:focus {
4422		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4423		- border-color: transparent;
4424		- outline: 3px solid transparent;
4425		-}
4426	4411	.edit-site-custom-template-modal__contents > .components-button:focus span:first-child,
4427	4412	.edit-site-add-new-template__template-list__contents > .components-button:focus span:first-child {
4428	4413	color: var(--wp-admin-theme-color);
4429	4414	}
		@@ -4435,10 +4420,12 @@
4435	4420	}
4436	4421
4437	4422	.edit-site-add-new-template__template-list__contents > .components-button {
4438	4423	height: 100%;
	4424	+ padding: 16px;
4439	4425	text-align: start;
4440	4426	align-items: flex-start;
	4427	+ justify-content: flex-start;
4441	4428	}
4442	4429
4443	4430	.edit-site-visual-editor__editor-canvas.is-focused {
4444	4431	outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
		@@ -4445,8 +4432,9 @@
4445	4432	outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
4446	4433	}
4447	4434
4448	4435	.edit-site-canvas-loader {
	4436	+ --wp-components-color-foreground: var(--color);
4449	4437	width: 100%;
4450	4438	height: 100%;
4451	4439	display: flex;
4452	4440	position: absolute;
		@@ -4461,11 +4449,8 @@
4461	4449	animation: 0.5s ease 0.2s edit-site-canvas-loader__fade-in-animation;
4462	4450	animation-fill-mode: forwards;
4463	4451	}
4464	4452	}
4465		-.edit-site-canvas-loader > div {
4466		- width: 160px;
4467		-}
4468	4453
4469	4454	@keyframes edit-site-canvas-loader__fade-in-animation {
4470	4455	from {
4471	4456	opacity: 0;
		@@ -4529,11 +4514,12 @@
4529	4514	.edit-site-patterns__section-header .screen-reader-shortcut:focus {
4530	4515	top: 0;
4531	4516	}
4532	4517
4533		-.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully) {
	4518	+.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.fields-field__pattern-sync-status-fully) {
4534	4519	background: rgba(var(--wp-block-synced-color--rgb), 0.04);
4535	4520	color: var(--wp-block-synced-color);
	4521	+ border-color: currentColor;
4536	4522	}
4537	4523
4538	4524	.dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
4539	4525	width: 350px;
		@@ -4548,9 +4534,9 @@
4548	4534	border-bottom-left-radius: 2px;
4549	4535	box-shadow: 0 0 0.5px 0.5px var(--wp-admin-theme-color);
4550	4536	box-sizing: border-box;
4551	4537	z-index: 1;
4552		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	4538	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
4553	4539	width: calc(100% + 2px);
4554	4540	right: -1px;
4555	4541	min-width: initial;
4556	4542	max-height: 96px;
		@@ -4605,13 +4591,8 @@
4605	4591
4606	4592	.edit-site-list__rename-modal {
4607	4593	z-index: 1000001;
4608	4594	}
4609		-@media (min-width: 782px) {
4610		- .edit-site-list__rename-modal .components-base-control {
4611		- width: 320px;
4612		- }
4613		-}
4614	4595
4615	4596	.edit-site-editor__editor-interface {
4616	4597	opacity: 1;
4617	4598	}
		@@ -4633,61 +4614,8 @@
4633	4614	display: flex;
4634	4615	justify-content: center;
4635	4616	}
4636	4617
4637		-.edit-site-editor__view-mode-toggle {
4638		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4639		- view-transition-name: toggle;
4640		- /* stylelint-enable */
4641		- top: 0;
4642		- right: 0;
4643		- height: 64px;
4644		- width: 64px;
4645		- z-index: 100;
4646		-}
4647		-.edit-site-editor__view-mode-toggle .components-button {
4648		- color: #fff;
4649		- height: 100%;
4650		- width: 100%;
4651		- border-radius: 0;
4652		- overflow: hidden;
4653		- padding: 0;
4654		- display: flex;
4655		- align-items: center;
4656		- justify-content: center;
4657		-}
4658		-.edit-site-editor__view-mode-toggle .components-button:hover, .edit-site-editor__view-mode-toggle .components-button:active {
4659		- color: #fff;
4660		-}
4661		-.edit-site-editor__view-mode-toggle .components-button:focus {
4662		- box-shadow: none;
4663		-}
4664		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg,
4665		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img {
4666		- background: #1e1e1e;
4667		- display: block;
4668		-}
4669		-
4670		-.edit-site-editor__back-icon {
4671		- position: absolute;
4672		- top: 0;
4673		- right: 0;
4674		- width: 64px;
4675		- height: 64px;
4676		- display: flex;
4677		- align-items: center;
4678		- justify-content: center;
4679		- background-color: hsl(0, 0%, 80%);
4680		- pointer-events: none;
4681		-}
4682		-.edit-site-editor__back-icon svg {
4683		- fill: currentColor;
4684		-}
4685		-.edit-site-editor__back-icon.has-site-icon {
4686		- background-color: hsla(0, 0%, 100%, 0.6);
4687		- backdrop-filter: saturate(180%) blur(15px);
4688		-}
4689		-
4690	4618	.edit-site-welcome-guide {
4691	4619	width: 312px;
4692	4620	}
4693	4621	.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image {
		@@ -4706,13 +4634,12 @@
4706	4634	}
4707	4635	.edit-site-welcome-guide__image > img {
4708	4636	display: block;
4709	4637	max-width: 100%;
4710		- -o-object-fit: cover;
4711		- object-fit: cover;
	4638	+ object-fit: cover;
4712	4639	}
4713	4640	.edit-site-welcome-guide__heading {
4714		- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	4641	+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4715	4642	font-size: 24px;
4716	4643	line-height: 1.4;
4717	4644	margin: 16px 0 16px 0;
4718	4645	padding: 0 32px;
		@@ -4730,24 +4657,25 @@
4730	4657	margin: 0 4px;
4731	4658	vertical-align: text-top;
4732	4659	}
4733	4660	.edit-site-welcome-guide .components-button:hover svg {
4734		- fill: #fff;
	4661	+ color: #fff;
4735	4662	}
4736	4663
4737	4664	.edit-site-layout {
4738	4665	height: 100%;
4739		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
4740		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4666	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	4667	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4741	4668	display: flex;
4742	4669	flex-direction: column;
4743	4670	}
4744	4671	.edit-site-layout:not(.is-full-canvas) .editor-visual-editor {
4745		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	4672	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
4746	4673	}
4747	4674
4748	4675	.edit-site-layout__content {
4749	4676	height: 100%;
	4677	+ min-height: 0;
4750	4678	flex-grow: 1;
4751	4679	display: flex;
4752	4680	}
4753	4681
		@@ -4762,16 +4690,17 @@
4762	4690	}
4763	4691	}
4764	4692	.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
4765	4693	position: fixed !important;
4766		- height: 100vh;
	4694	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
4767	4695	right: 0;
4768		- top: 0;
	4696	+ top: var(--wp-admin--admin-bar--height, 0);
4769	4697	}
4770	4698	.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
4771	4699	display: flex;
4772	4700	flex-direction: column;
4773	4701	height: 100%;
	4702	+ min-height: 0;
4774	4703	}
4775	4704	.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
4776	4705	left: 0;
4777	4706	}
		@@ -4808,11 +4737,14 @@
4808	4737	.edit-site-layout__mobile-content {
4809	4738	display: flex;
4810	4739	flex-direction: column;
4811	4740	flex-grow: 1;
4812		- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
4813	4741	}
4814	4742
	4743	+.edit-site-sidebar__screen-wrapper:has(.edit-site-layout__mobile-content) {
	4744	+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
	4745	+}
	4746	+
4815	4747	.edit-site-layout__canvas-container {
4816	4748	position: relative;
4817	4749	flex-grow: 1;
4818	4750	z-index: 2;
		@@ -4832,9 +4764,9 @@
4832	4764	.edit-site-layout__canvas.is-right-aligned {
4833	4765	justify-content: flex-end;
4834	4766	}
4835	4767	.edit-site-layout__canvas .edit-site-resizable-frame__inner {
4836		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4768	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4837	4769	}
4838	4770	@media (min-width: 782px) {
4839	4771	.edit-site-layout__canvas {
4840	4772	top: 16px;
		@@ -4852,9 +4784,9 @@
4852	4784	}
4853	4785	}
4854	4786	@media (min-width: 782px) {
4855	4787	.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
4856		- border-radius: 8px;
	4788	+ border-radius: var(--wpds-border-radius-xl, 12px);
4857	4789	}
4858	4790	.edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
4859	4791	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);
4860	4792	}
		@@ -4875,9 +4807,8 @@
4875	4807	.edit-site-template-pages-preview {
4876	4808	height: 100%;
4877	4809	}
4878	4810
4879		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4880	4811	html.canvas-mode-edit-transition::view-transition-group(toggle) {
4881	4812	animation-delay: 255ms;
4882	4813	}
4883	4814
		@@ -4887,61 +4818,8 @@
4887	4818	::view-transition-new(*) {
4888	4819	animation: none !important;
4889	4820	}
4890	4821	}
4891		-/* stylelint-enable */
4892		-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
4893		- display: none;
4894		-}
4895		-
4896		-.edit-site-layout__view-mode-toggle.components-button {
4897		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4898		- view-transition-name: toggle;
4899		- /* stylelint-enable */
4900		- position: relative;
4901		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
4902		- height: 64px;
4903		- width: 64px;
4904		- overflow: hidden;
4905		- padding: 0;
4906		- display: flex;
4907		- align-items: center;
4908		- justify-content: center;
4909		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
4910		- border-radius: 0;
4911		-}
4912		-.edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
4913		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
4914		-}
4915		-.edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
4916		- box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
4917		- outline: 4px solid rgba(0, 0, 0, 0);
4918		- outline-offset: 4px;
4919		-}
4920		-.edit-site-layout__view-mode-toggle.components-button::before {
4921		- content: "";
4922		- display: block;
4923		- position: absolute;
4924		- top: 9px;
4925		- left: 9px;
4926		- bottom: 9px;
4927		- right: 17px;
4928		- border-radius: 4px;
4929		- box-shadow: none;
4930		-}
4931		-@media not (prefers-reduced-motion) {
4932		- .edit-site-layout__view-mode-toggle.components-button::before {
4933		- transition: box-shadow 0.1s ease;
4934		- }
4935		-}
4936		-.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
4937		- display: flex;
4938		- height: 64px;
4939		- width: 64px;
4940		- justify-content: center;
4941		- align-items: center;
4942		-}
4943		-
4944	4822	.edit-site-layout__actions {
4945	4823	z-index: 100000;
4946	4824	position: fixed !important;
4947	4825	top: -9999em;
		@@ -4948,10 +4826,10 @@
4948	4826	bottom: auto;
4949	4827	right: auto;
4950	4828	left: 0;
4951	4829	width: 280px;
4952		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
4953		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
	4830	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	4831	+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
4954	4832	}
4955	4833	.edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
4956	4834	top: auto;
4957	4835	bottom: 0;
		@@ -4956,9 +4834,9 @@
4956	4834	top: auto;
4957	4835	bottom: 0;
4958	4836	}
4959	4837	.edit-site-layout__actions.is-entity-save-view-open:focus, .edit-site-layout__actions.is-entity-save-view-open:focus-within {
4960		- top: 0;
	4838	+ top: var(--wp-admin--admin-bar--height, 0);
4961	4839	}
4962	4840	@media (min-width: 782px) {
4963	4841	.edit-site-layout__actions {
4964	4842	border-right: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -4972,9 +4850,9 @@
4972	4850	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);
4973	4851	}
4974	4852	@media (min-width: 782px) {
4975	4853	.edit-site-layout__area {
4976		- border-radius: 8px;
	4854	+ border-radius: var(--wpds-border-radius-xl, 12px);
4977	4855	margin: 16px 0 16px 16px;
4978	4856	}
4979	4857	}
4980	4858
		@@ -4979,9 +4857,9 @@
4979	4857	}
4980	4858
4981	4859	.edit-site-layout__snackbar {
4982	4860	position: fixed;
4983		- bottom: 24px;
	4861	+ bottom: var(--wpds-dimension-size-md, 32px);
4984	4862	right: 0;
4985	4863	left: 0;
4986	4864	padding-inline: 16px;
4987	4865	box-sizing: border-box;
		@@ -4993,13 +4871,13 @@
4993	4871	margin-inline: auto;
4994	4872	}
4995	4873
4996	4874	.edit-site-save-hub {
4997		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	4875	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4998	4876	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
4999	4877	flex-shrink: 0;
5000	4878	margin: 0;
5001		- padding: 16px 16px;
	4879	+ padding: 16px;
5002	4880	}
5003	4881
5004	4882	.edit-site-save-hub__button {
5005	4883	color: inherit;
		@@ -5012,9 +4890,9 @@
5012	4890	.edit-site-save-hub__button[aria-disabled=true], .edit-site-save-hub__button[aria-disabled=true]:hover {
5013	4891	color: inherit;
5014	4892	}
5015	4893	.edit-site-save-hub__button:not(.is-primary).is-busy, .edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover {
5016		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	4894	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5017	4895	}
5018	4896
5019	4897	@media (min-width: 600px) {
5020	4898	.edit-site-save-panel__modal {
		@@ -5023,8 +4901,10 @@
5023	4901	}
5024	4902
5025	4903	.edit-site-sidebar__content {
5026	4904	flex-grow: 1;
	4905	+ flex-basis: 0;
	4906	+ min-height: 0;
5027	4907	overflow-y: auto;
5028	4908	overflow-x: hidden;
5029	4909	contain: content;
5030	4910	}
		@@ -5107,46 +4987,36 @@
5107	4987	animation-name: local--slide-from-right;
5108	4988	}
5109	4989
5110	4990	.edit-site-sidebar-button {
5111		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	4991	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5112	4992	flex-shrink: 0;
5113	4993	}
5114		-.edit-site-sidebar-button:focus:not(:disabled) {
5115		- box-shadow: none;
	4994	+.edit-site-sidebar-button:focus:not(:focus-visible) {
5116	4995	outline: none;
5117	4996	}
5118		-.edit-site-sidebar-button:focus-visible:not(:disabled) {
5119		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5120		- outline: 3px solid transparent;
5121		-}
5122	4997	.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] {
5123		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	4998	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5124	4999	}
5125	5000
5126	5001	.edit-site-sidebar-navigation-item.components-item {
5127		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5002	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5128	5003	padding: 8px 16px 8px 6px;
5129	5004	border: none;
5130	5005	min-height: 40px;
5131	5006	}
5132		-.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] {
5133		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5007	+.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 {
	5008	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5134	5009	}
5135		-.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 {
5136		- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5137		-}
5138	5010	.edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5139		- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
5140		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5141		- font-weight: 499;
	5011	+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
	5012	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
	5013	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5142	5014	}
5143	5015	.edit-site-sidebar-navigation-item.components-item:focus-visible {
	5016	+ --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
5144	5017	transform: translateZ(0);
5145	5018	}
5146		-.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
5147		- fill: var(--wpds-color-fg-interactive-neutral-weak, #707070);
5148		-}
5149	5019	.edit-site-sidebar-navigation-item.components-item.with-suffix {
5150	5020	padding-left: 16px;
5151	5021	}
5152	5022
		@@ -5173,9 +5043,9 @@
5173	5043	.edit-site-sidebar-navigation-screen__content {
5174	5044	padding: 0 16px;
5175	5045	}
5176	5046	.edit-site-sidebar-navigation-screen__content .components-text {
5177		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	5047	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
5178	5048	}
5179	5049	.edit-site-sidebar-navigation-screen__content .components-heading {
5180	5050	margin-bottom: 8px;
5181	5051	}
		@@ -5182,10 +5052,10 @@
5182	5052
5183	5053	.edit-site-sidebar-navigation-screen__title-icon {
5184	5054	position: sticky;
5185	5055	top: 0;
5186		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
5187		- padding-top: 48px;
	5056	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	5057	+ padding-top: 32px;
5188	5058	margin-bottom: 8px;
5189	5059	padding-bottom: 8px;
5190	5060	z-index: 1;
5191	5061	}
		@@ -5224,9 +5094,9 @@
5224	5094
5225	5095	.edit-site-sidebar-navigation-screen__footer {
5226	5096	position: sticky;
5227	5097	bottom: 0;
5228		- background-color: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	5098	+ background-color: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5229	5099	gap: 0;
5230	5100	padding: 8px 16px;
5231	5101	margin: 16px 0 0;
5232	5102	border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
		@@ -5245,22 +5115,22 @@
5245	5115	.edit-site-sidebar-navigation-screen__input-control {
5246	5116	width: 100%;
5247	5117	}
5248	5118	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container {
5249		- background: var(--wpds-color-bg-interactive-neutral-weak, #0000);
	5119	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000);
5250	5120	}
5251	5121	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button {
5252		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e) !important;
	5122	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
5253	5123	}
5254	5124	.edit-site-sidebar-navigation-screen__input-control .components-input-control__input {
5255		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e) !important;
5256		- background: var(--wpds-color-bg-interactive-neutral-weak, #0000) !important;
	5125	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
	5126	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000) !important;
5257	5127	}
5258	5128	.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop {
5259	5129	border: 4px !important;
5260	5130	}
5261	5131	.edit-site-sidebar-navigation-screen__input-control .components-base-control__help {
5262		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	5132	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5263	5133	}
5264	5134
5265	5135	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,
5266	5136	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,
		@@ -5268,12 +5138,12 @@
5268	5138	background: none;
5269	5139	}
5270	5140
5271	5141	.sidebar-navigation__more-menu .components-button {
5272		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5142	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5273	5143	}
5274	5144	.sidebar-navigation__more-menu .components-button:hover, .sidebar-navigation__more-menu .components-button:focus, .sidebar-navigation__more-menu .components-button[aria-current] {
5275		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5145	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5276	5146	}
5277	5147
5278	5148	.edit-site-sidebar-navigation-screen-patterns__group {
5279	5149	margin-bottom: 24px;
		@@ -5289,13 +5159,13 @@
5289	5159	.edit-site-sidebar-navigation-screen-patterns__group-header {
5290	5160	margin-top: 16px;
5291	5161	}
5292	5162	.edit-site-sidebar-navigation-screen-patterns__group-header p {
5293		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	5163	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5294	5164	}
5295	5165	.edit-site-sidebar-navigation-screen-patterns__group-header h2 {
5296	5166	font-size: 11px;
5297		- font-weight: 499;
	5167	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5298	5168	text-transform: uppercase;
5299	5169	}
5300	5170
5301	5171	.edit-site-sidebar-navigation-screen-patterns__divider {
		@@ -5321,26 +5191,26 @@
5321	5191	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell {
5322	5192	padding-left: 0;
5323	5193	}
5324	5194	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button {
5325		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5195	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5326	5196	}
5327	5197	.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] {
5328		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5198	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5329	5199	}
5330	5200	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
5331		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	5201	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5332	5202	}
5333	5203	.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 {
5334		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	5204	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5335	5205	}
5336	5206	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle {
5337		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
5338		- color: var(--wpds-color-fg-interactive-brand-strong, #fff);
	5207	+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
	5208	+ color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
5339	5209	}
5340	5210	.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 {
5341		- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
5342		- color: var(--wpds-color-fg-interactive-brand-strong-active, #fff);
	5211	+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
	5212	+ color: var(--wpds-color-foreground-interactive-brand-strong-active, #fff);
5343	5213	}
5344	5214
5345	5215	.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner {
5346	5216	margin-right: auto;
		@@ -5356,13 +5226,8 @@
5356	5226	margin-right: -16px;
5357	5227	margin-left: -16px;
5358	5228	}
5359	5229
5360		-.edit-site-sidebar-navigation-screen-templates-browse {
5361		- margin-right: -16px;
5362		- margin-left: -16px;
5363		-}
5364		-
5365	5230	.edit-site-sidebar-dataviews {
5366	5231	margin-right: -16px;
5367	5232	margin-left: -16px;
5368	5233	}
		@@ -5369,112 +5234,16 @@
5369	5234
5370	5235	.edit-site-site-hub {
5371	5236	display: flex;
5372	5237	align-items: center;
5373		- justify-content: space-between;
5374		- gap: 8px;
5375		- margin-left: 12px;
	5238	+ padding-right: 16px;
5376	5239	height: 64px;
5377	5240	}
5378	5241
5379		-.edit-site-site-hub__actions {
5380		- flex-shrink: 0;
	5242	+.edit-site-site-hub__back-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-site-hub__back-button:active:not(:disabled, [aria-disabled=true]) {
	5243	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5381	5244	}
5382	5245
5383		-.edit-site-site-hub__view-mode-toggle-container {
5384		- height: 64px;
5385		- width: 64px;
5386		- flex-shrink: 0;
5387		-}
5388		-.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon {
5389		- background: transparent;
5390		-}
5391		-
5392		-.edit-site-site-hub__title .components-button {
5393		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5394		- display: block;
5395		- flex-grow: 1;
5396		- font-size: 15px;
5397		- font-weight: 499;
5398		- overflow: hidden;
5399		- padding-left: 16px;
5400		- margin-right: -4px;
5401		- position: relative;
5402		- text-decoration: none;
5403		- text-overflow: ellipsis;
5404		- white-space: nowrap;
5405		-}
5406		-.edit-site-site-hub__title .components-button:hover, .edit-site-site-hub__title .components-button:focus, .edit-site-site-hub__title .components-button:active {
5407		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5408		-}
5409		-.edit-site-site-hub__title .components-button:focus {
5410		- box-shadow: none;
5411		- outline: none;
5412		-}
5413		-.edit-site-site-hub__title .components-button:focus-visible {
5414		- 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);
5415		- outline: 2px solid transparent;
5416		- outline-offset: 2px;
5417		-}
5418		-.edit-site-site-hub__title .components-button::after {
5419		- content: "↗";
5420		- font-weight: 400;
5421		- opacity: 0;
5422		- position: absolute;
5423		- left: 0;
5424		-}
5425		-@media not (prefers-reduced-motion) {
5426		- .edit-site-site-hub__title .components-button::after {
5427		- transition: opacity 0.1s linear;
5428		- }
5429		-}
5430		-.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 {
5431		- opacity: 1;
5432		-}
5433		-
5434		-.edit-site-site-hub_toggle-command-center {
5435		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
5436		-}
5437		-.edit-site-site-hub_toggle-command-center:hover svg, .edit-site-site-hub_toggle-command-center:active svg {
5438		- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
5439		-}
5440		-
5441		-.edit-site-site-icon__icon {
5442		- fill: currentColor;
5443		- width: 100%;
5444		- height: 100%;
5445		-}
5446		-.edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
5447		- padding: 12px;
5448		-}
5449		-
5450		-.edit-site-site-icon__image {
5451		- width: 100%;
5452		- height: 100%;
5453		- -o-object-fit: cover;
5454		- object-fit: cover;
5455		- background: #333;
5456		- aspect-ratio: 1/1;
5457		-}
5458		-.edit-site-layout.is-full-canvas .edit-site-site-icon__image {
5459		- border-radius: 0;
5460		-}
5461		-
5462		-.edit-site-editor__view-mode-toggle button:focus {
5463		- position: relative;
5464		-}
5465		-.edit-site-editor__view-mode-toggle button:focus::before {
5466		- content: "";
5467		- display: block;
5468		- position: absolute;
5469		- z-index: 1;
5470		- top: 0;
5471		- left: 0;
5472		- bottom: 0;
5473		- right: 0;
5474		- 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;
5475		-}
5476		-
5477	5246	.fields-controls__password {
5478	5247	border-top: 1px solid #e0e0e0;
5479	5248	padding-top: 16px;
5480	5249	}
		@@ -5566,9 +5335,8 @@
5566	5335	}
5567	5336	body:has(.edit-site-resizable-frame__inner.is-resizing) {
5568	5337	cursor: col-resize;
5569	5338	-webkit-user-select: none;
5570		- -moz-user-select: none;
5571	5339	user-select: none;
5572	5340	}
5573	5341
5574	5342	.edit-site-resizable-frame__inner.is-resizing::before {
		@@ -5640,18 +5408,26 @@
5640	5408	padding-right: 0;
5641	5409	padding-left: 0;
5642	5410	}
5643	5411	.edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen {
5644		- padding-top: 12px;
5645		- padding-right: 12px;
5646		- padding-left: 12px;
5647		- padding-bottom: 12px;
	5412	+ padding: 12px;
5648	5413	outline: none;
5649	5414	}
	5415	+.edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen .global-styles-ui-color-palette__tablist-container {
	5416	+ margin-inline: -12px;
	5417	+ width: calc(100% + 24px);
	5418	+ padding-inline: 12px;
	5419	+}
5650	5420	.edit-site-styles .edit-site-sidebar-button {
5651		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	5421	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5652	5422	}
5653	5423
	5424	+.edit-site-styles__content {
	5425	+ flex-grow: 1;
	5426	+ min-height: 0;
	5427	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
	5428	+}
	5429	+
5654	5430	.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
5655	5431	width: auto;
5656	5432	padding: 0 var(--wpds-dimension-padding-xs, 4px);
5657	5433	}
		@@ -5662,68 +5438,16 @@
5662	5438	content: attr(aria-label);
5663	5439	font-size: var(--wpds-typography-font-size-sm, 12px);
5664	5440	}
5665	5441
5666		-body.has-admin-bar-in-editor {
5667		- margin-top: 0;
5668		- height: 100%;
5669		-}
5670		-body.has-admin-bar-in-editor:has(.editor-editor-interface.is-distraction-free) {
5671		- --wp-admin--admin-bar--height: 0;
5672		-}
5673		-body.has-admin-bar-in-editor .edit-site-site-hub__title,
5674		-body.has-admin-bar-in-editor .edit-site-site-hub__actions {
5675		- display: none;
5676		-}
5677		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
5678		- background: transparent;
5679		-}
5680		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
5681		- color: var(--wp-admin-theme-color);
5682		-}
5683		-body.has-admin-bar-in-editor .edit-site-sidebar-navigation-screen__title-icon {
5684		- padding-top: 16px;
5685		-}
5686		-body.has-admin-bar-in-editor .edit-site-layout__content,
5687		-body.has-admin-bar-in-editor .edit-site-layout__sidebar {
	5442	+.edit-site-sidebar-identity__form {
	5443	+ flex-grow: 1;
5688	5444	min-height: 0;
	5445	+ overflow: auto;
	5446	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
	5447	+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
5689	5448	}
5690		-body.has-admin-bar-in-editor .edit-site-sidebar__content {
5691		- flex-basis: 0;
5692		- min-height: 0;
5693		-}
5694		-body.has-admin-bar-in-editor .edit-site {
5695		- box-sizing: border-box;
5696		- padding-top: var(--wp-admin--admin-bar--height, 0);
5697		- height: 100vh;
5698		- min-height: 100vh;
5699		-}
5700		-@media (min-width: 600px) {
5701		- body.has-admin-bar-in-editor .edit-site {
5702		- padding-top: 0;
5703		- top: var(--wp-admin--admin-bar--height, 0);
5704		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5705		- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5706		- }
5707		-}
5708		-body.has-admin-bar-in-editor .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
5709		- top: var(--wp-admin--admin-bar--height, 0);
5710		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5711		-}
5712		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
5713		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within,
5714		-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus,
5715		-body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus-within {
5716		- top: var(--wp-admin--admin-bar--height, 0);
5717		-}
5718		-body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
5719		- display: block;
5720		-}
5721		-body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
5722		- display: none;
5723		-}
5724	5449
5725		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5726	5450	::view-transition-image-pair(root) {
5727	5451	isolation: auto;
5728	5452	}
5729	5453
		@@ -5733,13 +5457,8 @@
5733	5457	mix-blend-mode: normal;
5734	5458	display: block;
5735	5459	}
5736	5460
5737		-/* stylelint-enable */
5738		-body.js #wpadminbar {
5739		- display: none;
5740		-}
5741		-
5742	5461	body.js #wpbody {
5743	5462	padding-top: 0;
5744	5463	}
5745	5464
		@@ -5785,10 +5504,19 @@
5785	5504	max-width: 100%;
5786	5505	}
5787	5506
5788	5507	body.js.site-editor-php {
5789		- background: var(--wpds-color-bg-surface-neutral-weak, #f4f4f4);
	5508	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5790	5509	}
	5510	+@media (min-width: 782px) {
	5511	+ body.js.site-editor-php:has(.editor-editor-interface.is-distraction-free) {
	5512	+ --wp-admin--admin-bar--height: 0px;
	5513	+ --wp-editor-admin-bar-display: none;
	5514	+ }
	5515	+ body.js.site-editor-php #wpadminbar {
	5516	+ display: var(--wp-editor-admin-bar-display, block);
	5517	+ }
	5518	+}
5791	5519
5792	5520	.edit-site {
5793	5521	box-sizing: border-box;
5794	5522	}
		@@ -5797,8 +5525,9 @@
5797	5525	.edit-site *::after {
5798	5526	box-sizing: inherit;
5799	5527	}
5800	5528	.edit-site {
	5529	+ padding-top: var(--wp-admin--admin-bar--height, 0);
5801	5530	height: 100vh;
5802	5531	}
5803	5532	@media (min-width: 600px) {
5804	5533	.edit-site {
		@@ -5803,12 +5532,13 @@
5803	5532	@media (min-width: 600px) {
5804	5533	.edit-site {
5805	5534	bottom: 0;
5806	5535	right: 0;
5807		- min-height: 100vh;
	5536	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	5537	+ padding-top: 0;
5808	5538	position: fixed;
5809	5539	left: 0;
5810		- top: 0;
	5540	+ top: var(--wp-admin--admin-bar--height, 0);
5811	5541	}
5812	5542	}
5813	5543	.no-js .edit-site {
5814	5544	min-height: 0;