← All changes | build/styles/edit-site/style-rtl.css +806 -829 23.3.2 → trunk View file →

		@@ -1,9 +1,5 @@
1		-@charset "UTF-8";
2	1	/**
3		- * Colors
4		- */
5		-/**
6	2	* Typography
7	3	*/
8	4	/**
9	5	* SCSS Variables.
		@@ -12,8 +8,11 @@
12	8	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
13	9	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
14	10	*/
15	11	/**
	12	+ * Colors
	13	+ */
	14	+/**
16	15	* Fonts & basic variables.
17	16	*/
18	17	/**
19	18	* Typography
		@@ -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,12 +731,17 @@
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	746	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
719	747	color: rgba(30, 30, 30, 0.62);
		@@ -718,8 +746,12 @@
718	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
	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);
	752	+}
	753	+
722	754	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection:focus {
723	755	box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
724	756	outline: 2px solid transparent;
725	757	}
		@@ -750,9 +782,9 @@
750	782	display: inline-block;
751	783	vertical-align: middle;
752	784	width: 16px;
753	785	/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */
754		- font: normal 30px/1 dashicons;
	786	+ font: 400 30px/1 dashicons;
755	787	speak: none;
756	788	-webkit-font-smoothing: antialiased;
757	789	-moz-osx-font-smoothing: grayscale;
758	790	}
		@@ -763,18 +795,24 @@
763	795	font-size: 21px;
764	796	}
765	797	}
766	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 {
767		- background: #f0f0f0;
768		- 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);
769	802	cursor: default;
770	803	opacity: 1;
771	804	}
772	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	+
773	810	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
774	811	position: relative;
775		- background: var(--wpds-color-bg-interactive-neutral-weak, rgba(0, 0, 0, 0));
776		- 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);
777	815	margin: 0;
778	816	padding: 0;
779	817	width: var(--checkbox-size);
780	818	height: var(--checkbox-size);
		@@ -790,15 +828,15 @@
790	828	transition: 0.1s border-color ease-in-out;
791	829	}
792	830	}
793	831	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
794		- 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));
795	833	border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
796	834	}
797	835
798	836	.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
799	837	--checkmark-size: var(--checkbox-size);
800		- fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
	838	+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
801	839	position: absolute;
802	840	right: 50%;
803	841	top: 50%;
804	842	transform: translate(50%, -50%);
		@@ -816,24 +854,18 @@
816	854	padding: var(--wpds-dimension-padding-sm, 8px);
817	855	}
818	856
819	857	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
820		- 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;
821	859	padding: 6px 8px;
822	860	/* Fonts smaller than 16px causes mobile safari to zoom. */
823	861	font-size: 16px;
824	862	/* Override core line-height. To be reviewed. */
825	863	line-height: normal;
826		- box-shadow: 0 0 0 transparent;
827		- border-radius: 2px;
828		- 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);
829	866	}
830	867
831		-@media not (prefers-reduced-motion) {
832		- .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
833		- transition: box-shadow 0.1s linear;
834		- }
835		-}
836	868	@media (min-width: 600px) {
837	869	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
838	870	font-size: 13px;
839	871	/* Override core line-height. To be reviewed. */
		@@ -839,12 +871,17 @@
839	871	/* Override core line-height. To be reviewed. */
840	872	line-height: normal;
841	873	}
842	874	}
	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);
	877	+}
	878	+
843	879	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
844		- border-color: var(--wp-admin-theme-color);
845		- box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
846		- outline: 2px solid transparent;
	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;
847	884	}
848	885
849	886	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
850	887	color: rgba(30, 30, 30, 0.62);
		@@ -851,11 +888,11 @@
851	888	}
852	889
853	890	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
854	891	display: block;
855		- 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);
856	893	width: 100%;
857		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	894	+ height: var(--wpds-dimension-size-md, 32px);
858	895	margin-right: 0;
859	896	margin-left: 0;
860	897	/* Fonts smaller than 16px causes mobile safari to zoom. */
861	898	font-size: 16px;
		@@ -866,14 +903,13 @@
866	903	font-size: var(--wpds-typography-font-size-md, 13px);
867	904	}
868	905	}
869	906	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
870		- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
871		- 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);
872	908	}
873	909
874	910	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
875		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	911	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
876	912	}
877	913
878	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 {
879	915	-webkit-appearance: none;
		@@ -886,9 +922,9 @@
886	922	bottom: 0;
887	923	display: flex;
888	924	align-items: center;
889	925	justify-content: center;
890		- width: 24px;
	926	+ width: var(--wpds-dimension-size-sm, 24px);
891	927	}
892	928
893	929	.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
894	930	transform: scaleX(-1);
		@@ -903,25 +939,21 @@
903	939	position: absolute;
904	940	top: 0;
905	941	left: 0;
906	942	transform: translate(-50%, -50%);
907		- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
908		- height: calc(var(--wpds-dimension-base, 4px) * 4);
909		- 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);
910	946	line-height: var(--wpds-typography-line-height-xs, 16px);
911	947	padding: 0 var(--wpds-dimension-padding-xs, 4px);
912	948	text-align: center;
913	949	border-radius: var(--wpds-border-radius-lg, 8px);
914	950	font-size: 11px;
915		- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
916		- 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);
917	953	box-sizing: border-box;
918	954	}
919	955
920		-.dataviews-search {
921		- width: fit-content;
922		-}
923		-
924	956	.dataviews-filters__user-input-widget {
925	957	padding: var(--wpds-dimension-padding-lg, 16px);
926	958	}
927	959
		@@ -941,9 +973,9 @@
941	973	bottom: 0;
942	974	right: 0;
943	975	background-color: inherit;
944	976	padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
945		- border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
	977	+ border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
946	978	flex-shrink: 0;
947	979	}
948	980
949	981	@media not (prefers-reduced-motion) {
		@@ -982,9 +1014,9 @@
982	1014	}
983	1015	}
984	1016	.dataviews-pagination__page-select {
985	1017	font-size: 11px;
986		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1018	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
987	1019	text-transform: uppercase;
988	1020	}
989	1021
990	1022	@media (min-width: 600px) {
		@@ -989,9 +1021,9 @@
989	1021
990	1022	@media (min-width: 600px) {
991	1023	.dataviews-pagination__page-select .components-select-control__input {
992	1024	font-size: 11px !important;
993		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1025	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
994	1026	}
995	1027	}
996	1028	.dataviews-action-modal {
997	1029	z-index: 1000001;
		@@ -1020,9 +1052,8 @@
1020	1052	}
1021	1053
1022	1054	.dataviews-view-config {
1023	1055	width: 320px;
1024		- /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
1025	1056	container-type: inline-size;
1026	1057	font-size: var(--wpds-typography-font-size-md, 13px);
1027	1058	line-height: var(--wpds-typography-line-height-sm, 20px);
1028	1059	}
		@@ -1095,9 +1126,9 @@
1095	1126	top: var(--wpds-dimension-gap-xs, 4px);
1096	1127	left: var(--wpds-dimension-gap-xs, 4px);
1097	1128	width: var(--wpds-dimension-gap-xs, 4px);
1098	1129	height: var(--wpds-dimension-gap-xs, 4px);
1099		- 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));
1100	1131	border-radius: 50%;
1101	1132	pointer-events: none;
1102	1133	}
1103	1134
		@@ -1170,9 +1201,9 @@
1170	1201	top: 0;
1171	1202	right: 0;
1172	1203	width: 100%;
1173	1204	height: 100%;
1174		- 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));
1175	1206	border-radius: var(--wpds-border-radius-md, 4px);
1176	1207	pointer-events: none;
1177	1208	outline: 2px solid transparent;
1178	1209	}
		@@ -1191,9 +1222,9 @@
1191	1222	}
1192	1223
1193	1224	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
1194	1225	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
1195		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1226	+ min-height: var(--wpds-dimension-size-sm, 24px);
1196	1227	overflow: hidden;
1197	1228	align-content: center;
1198	1229	text-align: start;
1199	1230	}
		@@ -1204,26 +1235,26 @@
1204	1235	}
1205	1236
1206	1237	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
1207	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 {
1208		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	1239	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1209	1240	}
1210	1241
1211	1242	.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
1212	1243	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
1213		- 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);
1214	1245	}
1215	1246
1216	1247	.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
1217	1248	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
1218		- 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));
1219	1250	}
1220	1251
1221	1252	.dataviews-view-grid .dataviews-view-grid__media,
1222	1253	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
1223	1254	width: 100%;
1224		- aspect-ratio: 1/1;
1225		- 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);
1226	1257	border-radius: var(--wpds-border-radius-md, 4px);
1227	1258	overflow: hidden;
1228	1259	position: relative;
1229	1260	}
		@@ -1259,11 +1290,21 @@
1259	1290	height: 100%;
1260	1291	display: block;
1261	1292	border-radius: var(--wpds-border-radius-md, 4px);
1262	1293	box-shadow: none;
1263		- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
	1294	+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
1264	1295	}
1265	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	+
1266	1307	.dataviews-view-grid .dataviews-view-grid__fields,
1267	1308	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
1268	1309	position: relative;
1269	1310	font-size: 12px;
		@@ -1276,16 +1317,16 @@
1276	1317	}
1277	1318
1278	1319	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
1279	1320	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
1280		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1321	+ min-height: var(--wpds-dimension-size-sm, 24px);
1281	1322	line-height: var(--wpds-typography-line-height-sm, 20px);
1282		- 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);
1283	1324	}
1284	1325
1285	1326	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
1286	1327	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
1287		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1328	+ min-height: var(--wpds-dimension-size-sm, 24px);
1288	1329	align-items: center;
1289	1330	}
1290	1331
1291	1332	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
		@@ -1290,9 +1331,9 @@
1290	1331
1291	1332	.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
1292	1333	.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
1293	1334	width: 35%;
1294		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	1335	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1295	1336	overflow: hidden;
1296	1337	text-overflow: ellipsis;
1297	1338	white-space: nowrap;
1298	1339	}
		@@ -1367,9 +1408,9 @@
1367	1408	left: var(--wpds-dimension-padding-xs, 4px);
1368	1409	}
1369	1410
1370	1411	.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
1371		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1412	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1372	1413	}
1373	1414
1374	1415	@media not (prefers-reduced-motion) {
1375	1416	.dataviews-view-grid__card .dataviews-view-grid__media-actions {
		@@ -1393,10 +1434,10 @@
1393	1434	}
1394	1435
1395	1436	.dataviews-view-grid__group-header {
1396	1437	font-size: var(--wpds-typography-font-size-lg, 15px);
1397		- font-weight: var(--wpds-typography-font-weight-medium, 499);
1398		- 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);
1399	1440	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1400	1441	padding: 0 var(--wpds-dimension-padding-2xl, 24px);
1401	1442	container-type: inline-size;
1402	1443	}
		@@ -1411,9 +1452,9 @@
1411	1452
1412	1453	.dataviews-view-list div[role=row],
1413	1454	.dataviews-view-list div[role=article] {
1414	1455	margin: 0;
1415		- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
	1456	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1416	1457	}
1417	1458
1418	1459	.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
1419	1460	.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
		@@ -1438,9 +1479,9 @@
1438	1479	}
1439	1480
1440	1481	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
1441	1482	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
1442		- height: 24px;
	1483	+ height: var(--wpds-dimension-size-sm, 24px);
1443	1484	}
1444	1485
1445	1486	.dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
1446	1487	.dataviews-view-list div[role=article] .dataviews-view-list__item-actions > :not(:last-child) {
		@@ -1465,15 +1506,15 @@
1465	1506	}
1466	1507	}
1467	1508	.dataviews-view-list div[role=row].is-selected.is-selected,
1468	1509	.dataviews-view-list div[role=article].is-selected.is-selected {
1469		- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
	1510	+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
1470	1511	}
1471	1512
1472	1513	.dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
1473	1514	.dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
1474	1515	.dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
1475		- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
	1516	+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
1476	1517	}
1477	1518
1478	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,
1479	1520	.dataviews-view-list div[role=article]:not(.is-selected):hover,
		@@ -1478,10 +1519,9 @@
1478	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,
1479	1520	.dataviews-view-list div[role=article]:not(.is-selected):hover,
1480	1521	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
1481	1522	.dataviews-view-list div[role=article]:not(.is-selected):focus-within {
1482		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1483		- 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);
1484	1524	}
1485	1525
1486	1526	.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
1487	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,
		@@ -1492,9 +1532,9 @@
1492	1532	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-title-field,
1493	1533	.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
1494	1534	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
1495	1535	.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
1496		- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
	1536	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1497	1537	}
1498	1538
1499	1539	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
1500	1540	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
		@@ -1499,10 +1539,10 @@
1499	1539	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
1500	1540	.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
1501	1541	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
1502	1542	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
1503		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1504		- 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);
1505	1545	}
1506	1546
1507	1547	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
1508	1548	.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
		@@ -1511,9 +1551,9 @@
1511	1551	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
1512	1552	.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
1513	1553	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
1514	1554	.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
1515		- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
	1555	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1516	1556	}
1517	1557
1518	1558	.dataviews-view-list .dataviews-view-list__item {
1519	1559	position: absolute;
		@@ -1534,9 +1574,9 @@
1534	1574	.dataviews-view-list .dataviews-view-list__item:focus-visible::before {
1535	1575	position: absolute;
1536	1576	content: "";
1537	1577	inset: var(--wp-admin-border-width-focus);
1538		- 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));
1539	1579	border-radius: var(--wpds-border-radius-sm, 2px);
1540	1580	outline: 2px solid transparent;
1541	1581	}
1542	1582
		@@ -1541,9 +1581,9 @@
1541	1581	}
1542	1582
1543	1583	.dataviews-view-list .dataviews-view-list__title-field {
1544	1584	flex: 1;
1545		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1585	+ min-height: var(--wpds-dimension-size-sm, 24px);
1546	1586	line-height: var(--wpds-typography-line-height-md, 24px);
1547	1587	overflow: hidden;
1548	1588	}
1549	1589
		@@ -1551,14 +1591,14 @@
1551	1591	z-index: 1;
1552	1592	}
1553	1593
1554	1594	.dataviews-view-list .dataviews-view-list__media-wrapper {
1555		- width: calc(var(--wpds-dimension-base, 4px) * 13);
1556		- height: calc(var(--wpds-dimension-base, 4px) * 13);
	1595	+ width: 48px;
	1596	+ height: 48px;
1557	1597	overflow: hidden;
1558	1598	position: relative;
1559	1599	flex-shrink: 0;
1560		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1600	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1561	1601	border-radius: var(--wpds-border-radius-md, 4px);
1562	1602	}
1563	1603
1564	1604	.dataviews-view-list .dataviews-view-list__media-wrapper img {
		@@ -1578,15 +1618,15 @@
1578	1618	border-radius: var(--wpds-border-radius-md, 4px);
1579	1619	}
1580	1620
1581	1621	.dataviews-view-list .dataviews-view-list__field-wrapper {
1582		- min-height: calc(var(--wpds-dimension-base, 4px) * 13);
	1622	+ min-height: 48px;
1583	1623	flex-grow: 1;
1584	1624	min-width: 0;
1585	1625	}
1586	1626
1587	1627	.dataviews-view-list .dataviews-view-list__field {
1588		- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
	1628	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1589	1629	}
1590	1630
1591	1631	.dataviews-view-list .dataviews-view-list__fields {
1592	1632	display: flex;
		@@ -1604,9 +1644,9 @@
1604	1644	display: none;
1605	1645	}
1606	1646
1607	1647	.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
1608		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	1648	+ min-height: var(--wpds-dimension-size-sm, 24px);
1609	1649	line-height: var(--wpds-typography-line-height-sm, 20px);
1610	1650	display: flex;
1611	1651	align-items: center;
1612	1652	}
		@@ -1619,19 +1659,19 @@
1619	1659	padding: var(--wpds-dimension-padding-sm, 8px) var(--wpds-dimension-padding-2xl, 24px);
1620	1660	}
1621	1661
1622	1662	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
1623		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	1663	+ min-height: var(--wpds-dimension-size-2xs, 16px);
1624	1664	line-height: var(--wpds-typography-line-height-xs, 16px);
1625	1665	}
1626	1666
1627	1667	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
1628		- width: calc(var(--wpds-dimension-base, 4px) * 8);
1629		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	1668	+ width: var(--wpds-dimension-size-md, 32px);
	1669	+ height: var(--wpds-dimension-size-md, 32px);
1630	1670	}
1631	1671
1632	1672	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
1633		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1673	+ min-height: var(--wpds-dimension-size-md, 32px);
1634	1674	}
1635	1675
1636	1676	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
1637	1677	gap: var(--wpds-dimension-gap-sm, 8px);
		@@ -1638,9 +1678,9 @@
1638	1678	row-gap: var(--wpds-dimension-gap-xs, 4px);
1639	1679	}
1640	1680
1641	1681	.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1642		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	1682	+ min-height: var(--wpds-dimension-size-2xs, 16px);
1643	1683	line-height: var(--wpds-typography-line-height-xs, 16px);
1644	1684	}
1645	1685
1646	1686	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
		@@ -1647,19 +1687,19 @@
1647	1687	padding: var(--wpds-dimension-padding-2xl, 24px) var(--wpds-dimension-padding-2xl, 24px);
1648	1688	}
1649	1689
1650	1690	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
1651		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1691	+ min-height: var(--wpds-dimension-size-md, 32px);
1652	1692	line-height: var(--wpds-typography-line-height-xl, 32px);
1653	1693	}
1654	1694
1655	1695	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1656		- width: calc(var(--wpds-dimension-base, 4px) * 16);
1657		- height: calc(var(--wpds-dimension-base, 4px) * 16);
	1696	+ width: 64px;
	1697	+ height: 64px;
1658	1698	}
1659	1699
1660	1700	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1661		- min-height: calc(var(--wpds-dimension-base, 4px) * 16);
	1701	+ min-height: 64px;
1662	1702	}
1663	1703
1664	1704	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1665	1705	gap: var(--wpds-dimension-gap-lg, 16px);
		@@ -1666,9 +1706,9 @@
1666	1706	row-gap: var(--wpds-dimension-gap-sm, 8px);
1667	1707	}
1668	1708
1669	1709	.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1670		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1710	+ min-height: var(--wpds-dimension-size-md, 32px);
1671	1711	line-height: var(--wpds-typography-line-height-md, 24px);
1672	1712	}
1673	1713
1674	1714	.dataviews-view-list.is-refreshing {
		@@ -1683,11 +1723,11 @@
1683	1723	}
1684	1724	}
1685	1725	.dataviews-view-list__group-header {
1686	1726	font-size: var(--wpds-typography-font-size-lg, 15px);
1687		- font-weight: var(--wpds-typography-font-weight-medium, 499);
1688		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1689		- 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;
1690	1730	padding: 0 var(--wpds-dimension-padding-2xl, 24px);
1691	1731	}
1692	1732
1693	1733	.dataviews-view-table {
		@@ -1695,9 +1735,9 @@
1695	1735	text-indent: 0;
1696	1736	border-color: inherit;
1697	1737	border-collapse: collapse;
1698	1738	position: relative;
1699		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	1739	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1700	1740	margin-bottom: auto;
1701	1741	background-color: inherit;
1702	1742	}
1703	1743
		@@ -1702,10 +1742,10 @@
1702	1742	}
1703	1743
1704	1744	.dataviews-view-table th {
1705	1745	text-align: right;
1706		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1707		- font-weight: normal;
	1746	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	1747	+ font-weight: 400;
1708	1748	font-size: var(--wpds-typography-font-size-md, 13px);
1709	1749	}
1710	1750
1711	1751	.dataviews-view-table td,
		@@ -1721,9 +1761,9 @@
1721	1761	.dataviews-view-table td.dataviews-view-table__actions-column--sticky,
1722	1762	.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
1723	1763	position: sticky;
1724	1764	left: 0;
1725		- 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));
1726	1766	}
1727	1767
1728	1768	.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
1729	1769	.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
		@@ -1733,9 +1773,9 @@
1733	1773	top: 0;
1734	1774	bottom: 0;
1735	1775	right: 0;
1736	1776	width: 1px;
1737		- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
	1777	+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1738	1778	}
1739	1779
1740	1780	.dataviews-view-table td.dataviews-view-table__checkbox-column,
1741	1781	.dataviews-view-table th.dataviews-view-table__checkbox-column {
		@@ -1748,9 +1788,9 @@
1748	1788	min-width: auto;
1749	1789	}
1750	1790
1751	1791	.dataviews-view-table tr {
1752		- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
	1792	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1753	1793	background-color: inherit;
1754	1794	}
1755	1795
1756	1796	.dataviews-view-table tr td:first-child,
		@@ -1776,18 +1816,18 @@
1776	1816	opacity: 1;
1777	1817	}
1778	1818	}
1779	1819	.dataviews-view-table tr.is-selected {
1780		- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1781		- 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);
1782	1822	}
1783	1823
1784	1824	.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
1785		- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
	1825	+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
1786	1826	}
1787	1827
1788	1828	.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
1789		- 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));
1790	1830	}
1791	1831
1792	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) {
1793	1833	opacity: 1;
		@@ -1793,13 +1833,13 @@
1793	1833	opacity: 1;
1794	1834	}
1795	1835
1796	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 {
1797		- 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));
1798	1838	}
1799	1839
1800	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 {
1801		- 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));
1802	1842	}
1803	1843
1804	1844	.dataviews-view-table thead {
1805	1845	position: sticky;
		@@ -1815,9 +1855,9 @@
1815	1855	bottom: 0;
1816	1856	right: 0;
1817	1857	left: 0;
1818	1858	height: 1px;
1819		- background-color: var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
	1859	+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
1820	1860	}
1821	1861
1822	1862	.dataviews-view-table thead tr {
1823	1863	border: 0;
		@@ -1828,9 +1868,9 @@
1828	1868	padding-top: var(--wpds-dimension-padding-sm, 8px);
1829	1869	padding-bottom: var(--wpds-dimension-padding-sm, 8px);
1830	1870	font-size: 11px;
1831	1871	text-transform: uppercase;
1832		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1872	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1833	1873	}
1834	1874
1835	1875	.dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
1836	1876	padding-right: var(--wpds-dimension-padding-xs, 4px);
		@@ -1853,9 +1893,9 @@
1853	1893	vertical-align: top;
1854	1894	}
1855	1895
1856	1896	.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
1857		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	1897	+ min-height: var(--wpds-dimension-size-md, 32px);
1858	1898	display: flex;
1859	1899	align-items: center;
1860	1900	white-space: nowrap;
1861	1901	}
		@@ -1876,13 +1916,13 @@
1876	1916	.dataviews-view-table .dataviews-view-table-header-button {
1877	1917	padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
1878	1918	font-size: 11px;
1879	1919	text-transform: uppercase;
1880		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	1920	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1881	1921	}
1882	1922
1883	1923	.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
1884		- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
	1924	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1885	1925	}
1886	1926
1887	1927	.dataviews-view-table .dataviews-view-table-header-button span {
1888	1928	speak: none;
		@@ -1935,20 +1975,20 @@
1935	1975	}
1936	1976	}
1937	1977	.dataviews-column-primary__media {
1938	1978	max-width: 60px;
1939		- min-width: calc(var(--wpds-dimension-base, 4px) * 8);
1940		- 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);
1941	1981	overflow: hidden;
1942	1982	position: relative;
1943	1983	flex-shrink: 0;
1944		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	1984	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
1945	1985	border-radius: var(--wpds-border-radius-md, 4px);
1946	1986	}
1947	1987
1948	1988	.dataviews-column-primary__media img {
1949		- width: calc(var(--wpds-dimension-base, 4px) * 8);
1950		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	1989	+ width: var(--wpds-dimension-size-md, 32px);
	1990	+ height: var(--wpds-dimension-size-md, 32px);
1951	1991	object-fit: cover;
1952	1992	}
1953	1993
1954	1994	.dataviews-column-primary__media::after {
		@@ -1961,8 +2001,19 @@
1961	2001	box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
1962	2002	border-radius: var(--wpds-border-radius-md, 4px);
1963	2003	}
1964	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	+
1965	2016	.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
1966	2017	.dataviews-view-table__primary-column-content:not(.dataviews-column-primary__media) {
1967	2018	min-width: 15ch;
1968	2019	max-width: 80ch;
		@@ -1968,11 +2019,11 @@
1968	2019	max-width: 80ch;
1969	2020	}
1970	2021
1971	2022	.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
1972		- font-weight: var(--wpds-typography-font-weight-medium, 499);
	2023	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1973	2024	padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
1974		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2025	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1975	2026	}
1976	2027
1977	2028	/* Column width intents via colgroup: make non-primary columns shrink-to-fit */
1978	2029	.dataviews-view-table col[class^=dataviews-view-table__col-]:not(.dataviews-view-table__col-first-data):not(.dataviews-view-table__col-expand) {
		@@ -2009,9 +2060,9 @@
2009	2060	padding: var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-padding-xs, 4px);
2010	2061	}
2011	2062
2012	2063	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
2013		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2064	+ min-height: var(--wpds-dimension-size-sm, 24px);
2014	2065	overflow: hidden;
2015	2066	align-content: center;
2016	2067	text-align: start;
2017	2068	}
		@@ -2020,17 +2071,17 @@
2020	2071	width: fit-content;
2021	2072	}
2022	2073
2023	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 {
2024		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2075	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2025	2076	}
2026	2077
2027	2078	.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
2028		- 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);
2029	2080	}
2030	2081
2031	2082	.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
2032		- 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));
2033	2084	}
2034	2085
2035	2086	.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
2036	2087	outline: none;
		@@ -2036,9 +2087,9 @@
2036	2087	outline: none;
2037	2088	}
2038	2089
2039	2090	.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
2040		- 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));
2041	2092	}
2042	2093
2043	2094	.dataviews-view-picker-grid .dataviews-selection-checkbox {
2044	2095	top: var(--wpds-dimension-padding-sm, 8px) !important;
		@@ -2051,10 +2102,11 @@
2051	2102	.dataviews-view-picker-grid .dataviews-view-picker-grid__media {
2052	2103	width: 100%;
2053	2104	aspect-ratio: 1/1;
2054	2105	min-height: 0;
2055		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	2106	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2056	2107	border-radius: var(--wpds-border-radius-md, 4px);
	2108	+ overflow: hidden;
2057	2109	position: relative;
2058	2110	}
2059	2111
2060	2112	.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
		@@ -2074,8 +2126,16 @@
2074	2126	border-radius: var(--wpds-border-radius-md, 4px);
2075	2127	pointer-events: none;
2076	2128	}
2077	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	+
2078	2138	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
2079	2139	position: relative;
2080	2140	font-size: 12px;
2081	2141	line-height: 16px;
		@@ -2085,21 +2145,21 @@
2085	2145	padding: 0 0 var(--wpds-dimension-padding-md, 12px);
2086	2146	}
2087	2147
2088	2148	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
2089		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2149	+ min-height: var(--wpds-dimension-size-sm, 24px);
2090	2150	line-height: var(--wpds-typography-line-height-sm, 20px);
2091		- 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);
2092	2152	}
2093	2153
2094	2154	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
2095		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2155	+ min-height: var(--wpds-dimension-size-sm, 24px);
2096	2156	align-items: center;
2097	2157	}
2098	2158
2099	2159	.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
2100	2160	width: 35%;
2101		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2161	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2102	2162	overflow: hidden;
2103	2163	text-overflow: ellipsis;
2104	2164	white-space: nowrap;
2105	2165	}
		@@ -2147,12 +2207,12 @@
2147	2207	}
2148	2208
2149	2209	.dataviews-view-picker-grid-group__header {
2150	2210	font-size: var(--wpds-typography-font-size-lg, 15px);
2151		- font-weight: var(--wpds-typography-font-weight-medium, 499);
2152		- 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);
2153	2213	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2154		- padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
	2214	+ padding: 0 48px;
2155	2215	}
2156	2216
2157	2217	.dataviews-view-picker-table {
2158	2218	background-color: inherit;
		@@ -2158,9 +2218,9 @@
2158	2218	background-color: inherit;
2159	2219	}
2160	2220
2161	2221	.dataviews-view-picker-table .dataviews-view-table__checkbox-column {
2162		- width: calc(var(--wpds-dimension-base, 4px) * 12);
	2222	+ width: 48px;
2163	2223	}
2164	2224
2165	2225	.dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
2166	2226	outline: none;
		@@ -2166,9 +2226,9 @@
2166	2226	outline: none;
2167	2227	}
2168	2228
2169	2229	.dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
2170		- 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));
2171	2231	}
2172	2232
2173	2233	.dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
2174	2234	pointer-events: none;
		@@ -2179,17 +2239,17 @@
2179	2239	cursor: var(--wpds-cursor-control, pointer);
2180	2240	}
2181	2241
2182	2242	.dataviews-view-picker-table .dataviews-view-table__row.is-selected {
2183		- 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));
2184	2244	}
2185	2245
2186	2246	.dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
2187		- 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));
2188	2248	}
2189	2249
2190	2250	.dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
2191		- 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));
2192	2252	}
2193	2253
2194	2254	.dataviews-view-activity {
2195	2255	margin: 0 0 auto;
		@@ -2197,16 +2257,16 @@
2197	2257	}
2198	2258
2199	2259	.dataviews-view-activity .dataviews-view-activity__group-header {
2200	2260	font-size: var(--wpds-typography-font-size-lg, 15px);
2201		- font-weight: var(--wpds-typography-font-weight-medium, 499);
2202		- 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);
2203	2263	margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2204	2264	padding: 0;
2205	2265	}
2206	2266
2207	2267	.dataviews-view-activity .dataviews-view-activity__item-actions {
2208		- min-width: calc(var(--wpds-dimension-base, 4px) * 6);
	2268	+ min-width: var(--wpds-dimension-size-sm, 24px);
2209	2269	}
2210	2270
2211	2271	.dataviews-view-activity .dataviews-view-activity__item-content {
2212	2272	flex-grow: 1;
		@@ -2214,9 +2274,9 @@
2214	2274
2215	2275	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
2216	2276	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
2217	2277	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
2218		- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
	2278	+ min-height: var(--wpds-dimension-size-2xs, 16px);
2219	2279	}
2220	2280
2221	2281	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
2222	2282	position: relative;
		@@ -2230,9 +2290,9 @@
2230	2290	cursor: var(--wpds-cursor-control, pointer);
2231	2291	}
2232	2292
2233	2293	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
2234		- 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));
2235	2295	outline-offset: var(--wp-admin-border-width-focus);
2236	2296	border-radius: var(--wpds-border-radius-sm, 2px);
2237	2297	}
2238	2298
		@@ -2247,9 +2307,9 @@
2247	2307	z-index: 1;
2248	2308	}
2249	2309
2250	2310	.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
2251		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2311	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2252	2312	display: flex;
2253	2313	gap: var(--wpds-dimension-gap-md, 12px);
2254	2314	row-gap: var(--wpds-dimension-gap-xs, 4px);
2255	2315	flex-wrap: wrap;
		@@ -2293,14 +2353,14 @@
2293	2353	width: var(--wpds-dimension-padding-md, 12px);
2294	2354	}
2295	2355
2296	2356	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
2297		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2357	+ height: var(--wpds-dimension-size-3xs, 12px);
2298	2358	}
2299	2359
2300	2360	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
2301		- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
2302		- 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);
2303	2363	}
2304	2364
2305	2365	.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
2306	2366	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2306,18 +2366,18 @@
2306	2366	margin: var(--wpds-dimension-gap-md, 12px) 0;
2307	2367	}
2308	2368
2309	2369	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
2310		- width: calc(var(--wpds-dimension-base, 4px) * 6);
	2370	+ width: var(--wpds-dimension-size-sm, 24px);
2311	2371	}
2312	2372
2313	2373	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
2314		- height: calc(var(--wpds-dimension-base, 4px) * 3);
	2374	+ height: var(--wpds-dimension-size-3xs, 12px);
2315	2375	}
2316	2376
2317	2377	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
2318		- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
2319		- 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);
2320	2380	}
2321	2381
2322	2382	.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
2323	2383	margin: var(--wpds-dimension-gap-md, 12px) 0;
		@@ -2324,18 +2384,18 @@
2324	2384	padding-top: var(--wpds-dimension-padding-sm, 8px);
2325	2385	}
2326	2386
2327	2387	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
2328		- width: calc(var(--wpds-dimension-base, 4px) * 8);
	2388	+ width: var(--wpds-dimension-size-md, 32px);
2329	2389	}
2330	2390
2331	2391	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
2332		- height: calc(var(--wpds-dimension-base, 4px) * 2);
	2392	+ height: var(--wpds-dimension-size-4xs, 8px);
2333	2393	}
2334	2394
2335	2395	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
2336		- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
2337		- 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);
2338	2398	}
2339	2399
2340	2400	.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
2341	2401	margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
		@@ -2342,10 +2402,10 @@
2342	2402	padding-top: var(--wpds-dimension-padding-md, 12px);
2343	2403	}
2344	2404
2345	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 {
2346		- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
2347		- 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);
2348	2408	position: relative;
2349	2409	top: 50%;
2350	2410	transform: translateY(-50%);
2351	2411	}
		@@ -2360,9 +2420,9 @@
2360	2420
2361	2421	.dataviews-view-activity .dataviews-view-activity__item-type-icon {
2362	2422	overflow: hidden;
2363	2423	flex-shrink: 0;
2364		- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
	2424	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2365	2425	}
2366	2426
2367	2427	.dataviews-view-activity .dataviews-view-activity__item-type-icon img,
2368	2428	.dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
		@@ -2400,11 +2460,211 @@
2400	2460	.dataviews-view-activity + .dataviews-pagination {
2401	2461	justify-content: space-between;
2402	2462	}
2403	2463
	2464	+.dataviews-view-picker-activity {
	2465	+ margin: 0;
	2466	+ padding: 0;
	2467	+ flex-grow: 1;
	2468	+}
	2469	+
	2470	+.dataviews-view-picker-activity:focus-visible[aria-activedescendant] {
	2471	+ outline: none;
	2472	+}
	2473	+
	2474	+.dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
	2475	+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
	2476	+ outline-offset: -2px;
	2477	+}
	2478	+
	2479	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item {
	2480	+ cursor: var(--wpds-cursor-control, pointer);
	2481	+ border-radius: var(--wpds-border-radius-sm, 2px);
	2482	+ padding-inline: var(--wpds-dimension-padding-2xl, 24px);
	2483	+ transition: background-color 0.1s ease;
	2484	+}
	2485	+
	2486	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected, .dataviews-view-picker-activity .dataviews-view-picker-activity__item:hover {
	2487	+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
	2488	+}
	2489	+
	2490	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
	2491	+ outline: 3px solid transparent;
	2492	+ outline-offset: -2px;
	2493	+}
	2494	+
	2495	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type {
	2496	+ width: var(--wpds-dimension-padding-md, 12px);
	2497	+}
	2498	+
	2499	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
	2500	+ height: var(--wpds-dimension-size-3xs, 12px);
	2501	+}
	2502	+
	2503	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
	2504	+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
	2505	+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
	2506	+}
	2507	+
	2508	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
	2509	+ margin: var(--wpds-dimension-gap-md, 12px) 0;
	2510	+}
	2511	+
	2512	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
	2513	+ width: var(--wpds-dimension-size-sm, 24px);
	2514	+}
	2515	+
	2516	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
	2517	+ height: var(--wpds-dimension-size-3xs, 12px);
	2518	+}
	2519	+
	2520	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
	2521	+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
	2522	+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
	2523	+}
	2524	+
	2525	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
	2526	+ margin: var(--wpds-dimension-gap-md, 12px) 0;
	2527	+ padding-top: var(--wpds-dimension-padding-sm, 8px);
	2528	+}
	2529	+
	2530	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
	2531	+ width: var(--wpds-dimension-size-md, 32px);
	2532	+}
	2533	+
	2534	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
	2535	+ height: var(--wpds-dimension-size-4xs, 8px);
	2536	+}
	2537	+
	2538	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
	2539	+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
	2540	+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
	2541	+}
	2542	+
	2543	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
	2544	+ margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
	2545	+ padding-top: var(--wpds-dimension-padding-md, 12px);
	2546	+}
	2547	+
	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 {
	2549	+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
	2550	+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
	2551	+ position: relative;
	2552	+ top: 50%;
	2553	+ transform: translateY(-50%);
	2554	+}
	2555	+
	2556	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content {
	2557	+ flex-grow: 1;
	2558	+}
	2559	+
	2560	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
	2561	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
	2562	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
	2563	+ min-height: var(--wpds-dimension-size-2xs, 16px);
	2564	+}
	2565	+
	2566	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
	2567	+ position: relative;
	2568	+ display: flex;
	2569	+ align-items: center;
	2570	+ flex: 1;
	2571	+ overflow: hidden;
	2572	+}
	2573	+
	2574	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description:empty {
	2575	+ display: none;
	2576	+}
	2577	+
	2578	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
	2579	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
	2580	+ display: flex;
	2581	+ gap: var(--wpds-dimension-gap-md, 12px);
	2582	+ row-gap: var(--wpds-dimension-gap-xs, 4px);
	2583	+ flex-wrap: wrap;
	2584	+}
	2585	+
	2586	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields:empty {
	2587	+ display: none;
	2588	+}
	2589	+
	2590	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field:has(.dataviews-view-picker-activity__item-field-value:empty) {
	2591	+ display: none;
	2592	+}
	2593	+
	2594	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field-value {
	2595	+ display: flex;
	2596	+ align-items: center;
	2597	+}
	2598	+
	2599	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type {
	2600	+ align-self: stretch;
	2601	+ flex-shrink: 0;
	2602	+}
	2603	+
	2604	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::after {
	2605	+ content: "";
	2606	+ flex: 1 1 auto;
	2607	+ width: 1px;
	2608	+ margin: 0 auto;
	2609	+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
	2610	+}
	2611	+
	2612	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::before {
	2613	+ content: "";
	2614	+ flex: 0 0 auto;
	2615	+ width: 1px;
	2616	+ margin: 0 auto;
	2617	+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
	2618	+}
	2619	+
	2620	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item:first-child .dataviews-view-picker-activity__item-type::before {
	2621	+ visibility: hidden;
	2622	+}
	2623	+
	2624	+.dataviews-view-picker-activity .dataviews-view-picker-activity-group:last-of-type > .dataviews-view-picker-activity__item:last-of-type .dataviews-view-picker-activity__item-type::after, .dataviews-view-picker-activity > .dataviews-view-picker-activity__item:last-child .dataviews-view-picker-activity__item-type::after {
	2625	+ background: linear-gradient(to bottom, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 0%, color-mix(in srgb, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 20%, transparent) 60%, transparent 100%);
	2626	+}
	2627	+
	2628	+.dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
	2629	+ font-size: var(--wpds-typography-font-size-lg, 15px);
	2630	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
	2631	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
	2632	+ margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
	2633	+ padding: 0;
	2634	+ padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
	2635	+}
	2636	+
	2637	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon {
	2638	+ overflow: hidden;
	2639	+ flex-shrink: 0;
	2640	+ background-color: transparent;
	2641	+}
	2642	+
	2643	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon img,
	2644	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg,
	2645	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
	2646	+ display: block;
	2647	+ width: 100%;
	2648	+ height: 100%;
	2649	+ margin: 0 auto;
	2650	+ object-fit: cover;
	2651	+ border-radius: 50%;
	2652	+ box-sizing: border-box;
	2653	+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
	2654	+}
	2655	+
	2656	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg {
	2657	+ padding: var(--wpds-dimension-padding-xs, 4px);
	2658	+}
	2659	+
	2660	+.dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
	2661	+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
	2662	+}
	2663	+
2404	2664	.dataviews-picker-footer__bulk-selection {
2405	2665	align-self: flex-start;
2406		- height: calc(var(--wpds-dimension-base, 4px) * 8);
	2666	+ height: var(--wpds-dimension-size-md, 32px);
2407	2667	}
2408	2668
2409	2669	.dataviews-picker-footer__actions {
2410	2670	align-self: flex-end;
		@@ -2438,17 +2698,38 @@
2438	2698	border: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
2439	2699	}
2440	2700
2441	2701	.dataviews-controls__date-preset:active {
2442		- background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
	2702	+ background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
2443	2703	}
2444	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	+
2445	2726	.dataforms-layouts-panel__field-trigger {
2446	2727	position: relative;
2447	2728	color: inherit;
2448	2729	display: flex;
2449	2730	width: 100%;
2450		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2731	+ min-height: var(--wpds-dimension-size-sm, 24px);
2451	2732	cursor: var(--wpds-cursor-control, pointer);
2452	2733	align-items: flex-start;
2453	2734	border-radius: var(--wpds-border-radius-sm, 2px);
2454	2735	isolation: isolate;
		@@ -2455,9 +2736,9 @@
2455	2736	}
2456	2737
2457	2738	.dataforms-layouts-panel__field-trigger--label-side {
2458	2739	flex-direction: row;
2459		- gap: var(--wpds-dimension-gap-md, 12px);
	2740	+ gap: var(--wpds-dimension-gap-sm, 8px);
2460	2741	}
2461	2742
2462	2743	.dataforms-layouts-panel__field-trigger--label-top {
2463	2744	display: grid;
		@@ -2468,9 +2749,9 @@
2468	2749	align-items: center;
2469	2750	}
2470	2751
2471	2752	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
2472		- 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));
2473	2754	}
2474	2755
2475	2756	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
2476	2757	opacity: 1;
		@@ -2476,9 +2757,9 @@
2476	2757	opacity: 1;
2477	2758	}
2478	2759
2479	2760	.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
2480		- 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));
2481	2762	}
2482	2763
2483	2764	.dataforms-layouts-panel__field-trigger.is-disabled {
2484	2765	cursor: default;
		@@ -2484,10 +2765,10 @@
2484	2765	cursor: default;
2485	2766	}
2486	2767
2487	2768	.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
2488		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2489		- 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);
2490	2771	}
2491	2772
2492	2773	.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
2493	2774	opacity: 1;
		@@ -2494,22 +2775,28 @@
2494	2775	fill: currentColor;
2495	2776	}
2496	2777
2497	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 {
2498		- 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));
2499	2780	}
2500	2781
2501	2782	.dataforms-layouts-panel__field-trigger-icon {
2502	2783	padding: 0;
2503		- 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));
2504	2785	flex: 0 0 auto;
2505	2786	opacity: 0;
2506	2787	border-radius: var(--wpds-border-radius-xs, 1px);
2507	2788	}
2508	2789
	2790	+.dataforms-layouts-panel__field-trigger-icon::after {
	2791	+ content: "";
	2792	+ position: absolute;
	2793	+ inset: 0;
	2794	+}
	2795	+
2509	2796	.dataforms-layouts-panel__field-trigger-icon:focus-visible {
2510	2797	opacity: 1;
2511		- 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));
2512	2799	}
2513	2800
2514	2801	.dataforms-layouts-panel__field-dropdown-anchor {
2515	2802	width: 100%;
		@@ -2521,14 +2808,14 @@
2521	2808
2522	2809	.dataforms-layouts-panel__field-label {
2523	2810	width: 38%;
2524	2811	flex-shrink: 0;
2525		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2812	+ min-height: var(--wpds-dimension-size-sm, 24px);
2526	2813	display: flex;
2527	2814	align-items: center;
2528	2815	line-height: var(--wpds-typography-line-height-sm, 20px);
2529	2816	hyphens: auto;
2530		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2817	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2531	2818	}
2532	2819
2533	2820	.dataforms-layouts-panel__field-label .components-base-control__label {
2534	2821	display: inline;
		@@ -2536,16 +2823,14 @@
2536	2823	line-height: inherit;
2537	2824	}
2538	2825
2539	2826	.dataforms-layouts-panel__field-label.has-error {
2540		- color: var(--wpds-color-fg-content-error-weak, #cc1818);
	2827	+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2541	2828	}
2542	2829
2543	2830	.dataforms-layouts-panel__field-label-error-content {
2544		- position: relative;
2545		- z-index: 1;
2546		- cursor: help;
2547		- fill: var(--wpds-color-fg-content-error-weak, #cc1818);
	2831	+ pointer-events: none;
	2832	+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
2548	2833	display: inline-flex;
2549	2834	flex-direction: row;
2550	2835	align-items: center;
2551	2836	gap: var(--wpds-dimension-gap-xs, 4px);
		@@ -2550,45 +2835,31 @@
2550	2835	align-items: center;
2551	2836	gap: var(--wpds-dimension-gap-xs, 4px);
2552	2837	}
2553	2838
2554		-.dataforms-layouts-panel__field-label-error-content svg {
2555		- fill: currentColor;
2556		-}
2557		-
2558	2839	.dataforms-layouts-panel__field-control {
2559	2840	flex-grow: 1;
2560	2841	min-width: 0;
2561		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2842	+ min-height: var(--wpds-dimension-size-sm, 24px);
2562	2843	line-height: var(--wpds-typography-line-height-md, 24px);
2563	2844	display: flex;
2564	2845	align-items: center;
2565		- overflow: hidden;
2566		- word-break: break-word;
2567		- 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);
2568	2852	}
2569	2853
	2854	+.dataforms-layouts-panel__field-control:has(a, button) {
	2855	+ z-index: 1;
	2856	+}
	2857	+
2570	2858	.dataforms-layouts-panel__field-control > * {
2571	2859	min-width: 0;
2572	2860	}
2573	2861
2574		-.dataforms-layouts-panel__field-control .components-button {
2575		- max-width: 100%;
2576		- text-align: right;
2577		- white-space: normal;
2578		- text-wrap: balance;
2579		- text-wrap: pretty;
2580		- min-height: 32px;
2581		-}
2582		-
2583		-.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
2584		- text-decoration: none;
2585		-}
2586		-
2587		-.dataforms-layouts-panel__field-control .components-dropdown {
2588		- max-width: 100%;
2589		-}
2590		-
2591	2862	.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
2592	2863	width: 100%;
2593	2864	}
2594	2865
		@@ -2617,15 +2888,11 @@
2617	2888	.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
2618	2889	z-index: 159990;
2619	2890	}
2620	2891
2621		-.dataforms-layouts-panel__summary-button:empty {
2622		- min-width: 160px;
2623		-}
2624		-
2625	2892	.dataforms-layouts-regular__field {
2626	2893	width: 100%;
2627		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2894	+ min-height: var(--wpds-dimension-size-md, 32px);
2628	2895	justify-content: flex-start !important;
2629	2896	align-items: flex-start !important;
2630	2897	}
2631	2898
		@@ -2631,15 +2898,15 @@
2631	2898
2632	2899	.dataforms-layouts-regular__field .components-base-control__label,
2633	2900	.dataforms-layouts-regular__field .components-input-control__label,
2634	2901	.dataforms-layouts-regular__field .components-form-token-field__label {
2635		- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
	2902	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2636	2903	}
2637	2904
2638	2905	.dataforms-layouts-regular__field-label {
2639	2906	width: 38%;
2640	2907	flex-shrink: 0;
2641		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2908	+ min-height: var(--wpds-dimension-size-md, 32px);
2642	2909	display: flex;
2643	2910	align-items: center;
2644	2911	line-height: var(--wpds-typography-line-height-sm, 20px);
2645	2912	hyphens: auto;
		@@ -2654,9 +2921,9 @@
2654	2921	}
2655	2922
2656	2923	.dataforms-layouts-regular__field-control {
2657	2924	flex-grow: 1;
2658		- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
	2925	+ min-height: var(--wpds-dimension-size-md, 32px);
2659	2926	display: flex;
2660	2927	align-items: center;
2661	2928	}
2662	2929
		@@ -2672,9 +2939,9 @@
2672	2939	display: contents;
2673	2940	}
2674	2941
2675	2942	.dataforms-layouts-card__field-description {
2676		- color: var(--wpds-color-fg-content-neutral-weak, #707070);
	2943	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2677	2944	display: block;
2678	2945	font-size: var(--wpds-typography-font-size-md, 13px);
2679	2946	margin-bottom: var(--wpds-dimension-gap-lg, 16px);
2680	2947	}
		@@ -2687,9 +2954,9 @@
2687	2954	}
2688	2955
2689	2956	.dataforms-layouts-details__summary-content {
2690	2957	display: inline-flex;
2691		- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
	2958	+ min-height: var(--wpds-dimension-size-sm, 24px);
2692	2959	}
2693	2960
2694	2961	.dataforms-layouts-details__content {
2695	2962	padding-top: var(--wpds-dimension-padding-md, 12px);
		@@ -2699,10 +2966,10 @@
2699	2966	width: 100%;
2700	2967	}
2701	2968
2702	2969	.dataforms-layouts__wrapper {
2703		- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2704		- 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);
2705	2972	font-size: 13px;
2706	2973	line-height: 20px;
2707	2974	}
2708	2975
		@@ -2775,8 +3042,14 @@
2775	3042	/**
2776	3043	* Focus styles.
2777	3044	*/
2778	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	+/**
2779	3052	* Applies editor left position to the selector passed as argument
2780	3053	*/
2781	3054	/**
2782	3055	* Styles that are reused verbatim in a few places
		@@ -2834,9 +3107,9 @@
2834	3107	padding: 12px;
2835	3108	display: grid;
2836	3109	align-items: center;
2837	3110	grid-template-columns: min-content 1fr min-content;
2838		- grid-gap: 4px 8px;
	3111	+ gap: 4px 8px;
2839	3112	color: #1e1e1e;
2840	3113	}
2841	3114
2842	3115	.fields-create-template-part-modal__area-radio-wrapper + .fields-create-template-part-modal__area-radio-wrapper {
		@@ -2913,9 +3186,8 @@
2913	3186	line-height: 1.5;
2914	3187	}
2915	3188
2916	3189	fieldset.fields__media-edit {
2917		- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
2918	3190	container-type: inline-size;
2919	3191	}
2920	3192
2921	3193	fieldset.fields__media-edit .fields__media-edit-compact-group {
		@@ -3151,9 +3423,8 @@
3151	3423	}
3152	3424
3153	3425	fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
3154	3426	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
3155		- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
3156	3427	}
3157	3428
3158	3429	@container (max-width: 500px) {
3159	3430	fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
		@@ -3220,18 +3491,15 @@
3220	3491	padding: 0;
3221	3492	margin: 0;
3222	3493	}
3223	3494
3224		-.fields-controls__slug .fields-controls__slug-external-icon {
3225		- margin-right: 5ch;
3226		-}
3227		-
3228	3495	.fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
3229	3496	padding-inline-start: 0 !important;
3230	3497	}
3231	3498
3232	3499	.fields-controls__slug .fields-controls__slug-help-link {
3233		- word-break: break-word;
	3500	+ word-break: normal;
	3501	+ overflow-wrap: anywhere;
3234	3502	}
3235	3503
3236	3504	.fields-controls__slug .fields-controls__slug-help {
3237	3505	display: flex;
		@@ -3238,9 +3506,9 @@
3238	3506	flex-direction: column;
3239	3507	}
3240	3508
3241	3509	.fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
3242		- font-weight: 600;
	3510	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3243	3511	}
3244	3512
3245	3513	.fields-controls__featured-image-image,
3246	3514	.fields-controls__featured-image-placeholder {
		@@ -3359,8 +3627,14 @@
3359	3627	/**
3360	3628	* Focus styles.
3361	3629	*/
3362	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	+/**
3363	3637	* Applies editor left position to the selector passed as argument
3364	3638	*/
3365	3639	/**
3366	3640	* Styles that are reused verbatim in a few places
		@@ -3394,9 +3668,9 @@
3394	3668	}
3395	3669
3396	3670	.font-library-modal .font-library__subtitle {
3397	3671	text-transform: uppercase;
3398		- font-weight: 499;
	3672	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3399	3673	font-size: 11px;
3400	3674	}
3401	3675
3402	3676	.font-library-modal__tab-panel {
		@@ -3434,9 +3708,9 @@
3434	3708	.font-library__footer {
3435	3709	position: absolute;
3436	3710	width: 100%;
3437	3711	bottom: 0;
3438		- border-top: 1px solid #ddd;
	3712	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3439	3713	padding: 24px;
3440	3714	background-color: #fff;
3441	3715	box-sizing: border-box;
3442	3716	flex-grow: 0 !important;
		@@ -3445,22 +3719,26 @@
3445	3719	}
3446	3720
3447	3721	.font-library__page-selection {
3448	3722	font-size: 11px;
3449		- font-weight: 499;
	3723	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3450	3724	text-transform: uppercase;
3451	3725	}
3452	3726
3453	3727	@media (min-width: 600px) {
3454		- .font-library__page-selection .font-library__page-selection-trigger {
	3728	+ .font-library__page-selection .components-select-control__input {
3455	3729	font-size: 11px !important;
3456		- font-weight: 499;
	3730	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3457	3731	}
3458	3732	}
	3733	+.font-library__search {
	3734	+ width: 240px;
	3735	+}
	3736	+
3459	3737	.font-library__fonts-title {
3460	3738	text-transform: uppercase;
3461	3739	font-size: 11px;
3462		- font-weight: 600;
	3740	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3463	3741	margin-top: 0;
3464	3742	margin-bottom: 0;
3465	3743	}
3466	3744
		@@ -3474,11 +3752,15 @@
3474	3752	.font-library__fonts-list-item {
3475	3753	margin-bottom: 0;
3476	3754	}
3477	3755
	3756	+.font-library__font-demo {
	3757	+ position: relative;
	3758	+}
	3759	+
3478	3760	.font-library__font-card {
3479	3761	box-sizing: border-box;
3480		- border: 1px solid #ddd;
	3762	+ border: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3481	3763	width: 100%;
3482	3764	height: auto !important;
3483	3765	padding: 16px;
3484	3766	margin-top: -1px; /* To collapse the margin with the previous element */
		@@ -3492,13 +3774,13 @@
3492	3774	position: relative;
3493	3775	}
3494	3776
3495	3777	.font-library__font-card .font-library__font-card__name {
3496		- font-weight: bold;
	3778	+ font-weight: 700;
3497	3779	}
3498	3780
3499	3781	.font-library__font-card .font-library__font-card__count {
3500		- color: #757575;
	3782	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3501	3783	}
3502	3784
3503	3785	.font-library__font-card .font-library__font-variant_demo-image {
3504	3786	display: block;
		@@ -3505,8 +3787,25 @@
3505	3787	height: 24px;
3506	3788	width: auto;
3507	3789	}
3508	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	+
3509	3808	.font-library__font-card .font-library__font-variant_demo-text {
3510	3809	white-space: nowrap;
3511	3810	flex-shrink: 0;
3512	3811	}
		@@ -3518,9 +3817,9 @@
3518	3817	}
3519	3818	.font-library-modal__tablist-container {
3520	3819	position: sticky;
3521	3820	top: 0;
3522		- border-bottom: 1px solid #ddd;
	3821	+ border-bottom: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3523	3822	background: #fff;
3524	3823	z-index: 1;
3525	3824	}
3526	3825
		@@ -3541,9 +3840,9 @@
3541	3840	width: 80%;
3542	3841	}
3543	3842
3544	3843	.font-library__local-fonts .font-library__upload-area__text {
3545		- color: #757575;
	3844	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3546	3845	}
3547	3846
3548	3847	.font-library__google-fonts-confirm {
3549	3848	display: flex;
		@@ -3578,115 +3877,22 @@
3578	3877	.font-library__select-all .components-checkbox-control__label {
3579	3878	padding-right: 16px;
3580	3879	}
3581	3880
3582		-.global-styles-ui-pagination .components-button.is-tertiary {
3583		- width: 32px;
3584		- height: 32px;
3585		- justify-content: center;
3586		-}
3587		-
3588		-.global-styles-ui-screen-revisions__revisions-list {
3589		- list-style: none;
3590		- margin: 0 16px 16px 16px;
3591		- flex-grow: 1;
3592		-}
3593		-
3594		-.global-styles-ui-screen-revisions__revisions-list li {
3595		- margin-bottom: 0;
3596		-}
3597		-
3598		-.global-styles-ui-screen-revisions__revision-item {
3599		- position: relative;
3600		- cursor: var(--wpds-cursor-control, pointer);
	3881	+.global-styles-ui-screen-revisions {
3601	3882	display: flex;
3602	3883	flex-direction: column;
	3884	+ flex-grow: 1;
	3885	+ min-height: 0;
3603	3886	}
3604	3887
3605		-.global-styles-ui-screen-revisions__revision-item[role=option]:active, .global-styles-ui-screen-revisions__revision-item[role=option]:focus {
3606		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3607		- outline: 2px solid transparent;
	3888	+.global-styles-ui-screen-revisions__actions {
	3889	+ margin-inline-start: auto;
3608	3890	}
3609	3891
3610		-.global-styles-ui-screen-revisions__revision-item:hover {
3611		- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3612		-}
3613		-
3614		-.global-styles-ui-screen-revisions__revision-item:hover .global-styles-ui-screen-revisions__date {
3615		- color: var(--wp-admin-theme-color);
3616		-}
3617		-
3618		-.global-styles-ui-screen-revisions__revision-item::before, .global-styles-ui-screen-revisions__revision-item::after {
3619		- position: absolute;
3620		- content: "\a";
3621		- display: block;
3622		-}
3623		-
3624		-.global-styles-ui-screen-revisions__revision-item::before {
3625		- background: #ddd;
3626		- border-radius: 50%;
3627		- height: 8px;
3628		- width: 8px;
3629		- top: 18px;
3630		- right: 17px;
3631		- transform: translate(50%, -50%);
3632		- z-index: 1;
3633		- border: 4px solid transparent;
3634		-}
3635		-
3636		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] {
3637		- border-radius: 2px;
3638		- outline: 3px solid transparent;
3639		- outline-offset: -2px;
3640		- color: var(--wp-admin-theme-color);
3641		- background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
3642		-}
3643		-
3644		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__date {
3645		- color: var(--wp-admin-theme-color);
3646		-}
3647		-
3648		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true]::before {
3649		- background: var(--wp-admin-theme-color);
3650		-}
3651		-
3652		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
3653		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
3654		-.global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
3655		- color: #1e1e1e;
3656		-}
3657		-
3658		-.global-styles-ui-screen-revisions__revision-item::after {
3659		- height: 100%;
3660		- right: 16px;
3661		- top: 0;
3662		- width: 0;
3663		- border: 0.5px solid #ddd;
3664		-}
3665		-
3666		-.global-styles-ui-screen-revisions__revision-item:first-child::after {
3667		- top: 18px;
3668		-}
3669		-
3670		-.global-styles-ui-screen-revisions__revision-item:last-child::after {
3671		- height: 18px;
3672		-}
3673		-
3674		-.global-styles-ui-screen-revisions__revision-item-wrapper {
3675		- display: block;
3676		- padding: 12px 40px 4px 12px;
3677		-}
3678		-
3679		-.global-styles-ui-screen-revisions__apply-button.is-primary,
3680		-.global-styles-ui-screen-revisions__applied-text {
3681		- align-self: flex-start;
3682		- margin: 4px 40px 12px 12px;
3683		-}
3684		-
3685		-.global-styles-ui-screen-revisions__changes,
3686		-.global-styles-ui-screen-revisions__meta,
3687		-.global-styles-ui-screen-revisions__applied-text {
3688		- color: #757575;
	3892	+.global-styles-ui-screen-revisions__date {
	3893	+ text-transform: uppercase;
	3894	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3689	3895	font-size: 12px;
3690	3896	}
3691	3897
3692	3898	.global-styles-ui-screen-revisions__description {
		@@ -3695,11 +3901,11 @@
3695	3901	align-items: flex-start;
3696	3902	gap: 8px;
3697	3903	}
3698	3904
3699		-.global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
3700		- text-transform: uppercase;
3701		- font-weight: 600;
	3905	+.global-styles-ui-screen-revisions__changes,
	3906	+.global-styles-ui-screen-revisions__meta {
	3907	+ color: #2f2f2f;
3702	3908	font-size: 12px;
3703	3909	}
3704	3910
3705	3911	.global-styles-ui-screen-revisions__meta {
		@@ -3705,11 +3911,10 @@
3705	3911	.global-styles-ui-screen-revisions__meta {
3706	3912	display: flex;
3707	3913	justify-content: start;
3708	3914	width: 100%;
3709		- align-items: flex-start;
	3915	+ align-items: center;
3710	3916	text-align: right;
3711		- margin-bottom: 4px;
3712	3917	}
3713	3918
3714	3919	.global-styles-ui-screen-revisions__meta img {
3715	3920	width: 16px;
		@@ -3717,16 +3922,12 @@
3717	3922	border-radius: 100%;
3718	3923	margin-left: 8px;
3719	3924	}
3720	3925
3721		-.global-styles-ui-screen-revisions__loading {
3722		- margin: 24px auto !important;
3723		-}
3724		-
3725	3926	.global-styles-ui-screen-revisions__changes {
3726	3927	text-align: right;
3727	3928	line-height: 1.4;
3728		- margin-right: 12px;
	3929	+ margin: 0 12px 0 0;
3729	3930	list-style: disc;
3730	3931	}
3731	3932
3732	3933	.global-styles-ui-screen-revisions__changes li {
		@@ -3732,47 +3933,8 @@
3732	3933	.global-styles-ui-screen-revisions__changes li {
3733	3934	margin-bottom: 4px;
3734	3935	}
3735	3936
3736		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination {
3737		- justify-content: space-between;
3738		- gap: 2px;
3739		-}
3740		-
3741		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .edit-site-pagination__total {
3742		- position: absolute;
3743		- right: -1000px;
3744		- height: 1px;
3745		- margin: -1px;
3746		- overflow: hidden;
3747		-}
3748		-
3749		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-text {
3750		- font-size: 12px;
3751		- will-change: opacity;
3752		-}
3753		-
3754		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary {
3755		- color: #1e1e1e;
3756		-}
3757		-
3758		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary:disabled,
3759		-.global-styles-ui-screen-revisions__pagination.global-styles-ui-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true] {
3760		- color: #949494;
3761		-}
3762		-
3763		-.global-styles-ui-screen-revisions__footer {
3764		- height: 56px;
3765		- z-index: 1;
3766		- position: sticky;
3767		- min-width: 100%;
3768		- bottom: 0;
3769		- background: #fff;
3770		- padding: 12px;
3771		- border-top: 1px solid #ddd;
3772		- box-sizing: border-box;
3773		-}
3774		-
3775	3937	.global-styles-ui-variations_item {
3776	3938	box-sizing: border-box;
3777	3939	cursor: var(--wpds-cursor-control, pointer);
3778	3940	}
		@@ -3853,13 +4015,34 @@
3853	4015	justify-content: center;
3854	4016	border-radius: 2px;
3855	4017	}
3856	4018
	4019	+.global-styles-ui-block-types-filter {
	4020	+ margin-bottom: 12px;
	4021	+ padding: 0 16px;
	4022	+}
	4023	+
3857	4024	.global-styles-ui-block-types-search {
3858		- margin-bottom: 10px;
3859		- padding: 0 16px;
	4025	+ flex-grow: 1;
3860	4026	}
3861	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	+
3862	4045	.global-styles-ui-screen-typography__font-variants-count {
3863	4046	color: #757575;
3864	4047	}
3865	4048
		@@ -3882,15 +4065,15 @@
3882	4065
3883	4066	.global-styles-ui-subtitle {
3884	4067	margin-bottom: 0 !important;
3885	4068	text-transform: uppercase;
3886		- font-weight: 499 !important;
	4069	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600) !important;
3887	4070	font-size: 11px !important;
3888	4071	}
3889	4072
3890	4073	.global-styles-ui-section-title {
3891	4074	color: #2f2f2f;
3892		- font-weight: 600;
	4075	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3893	4076	line-height: 1.2;
3894	4077	padding: 16px 16px 0;
3895	4078	margin: 0;
3896	4079	}
		@@ -3901,10 +4084,20 @@
3901	4084
3902	4085	.global-styles-ui__color-indicator-wrapper {
3903	4086	height: 24px;
3904	4087	flex-shrink: 0;
	4088	+ display: flex;
	4089	+ align-items: center;
3905	4090	}
3906	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	+
3907	4100	.global-styles-ui__shadows-panel__options-container,
3908	4101	.global-styles-ui__typography-panel__options-container {
3909	4102	height: 24px;
3910	4103	}
		@@ -3916,9 +4109,10 @@
3916	4109	border-radius: 2px;
3917	4110	overflow: hidden;
3918	4111	}
3919	4112
3920		-.global-styles-ui__shadow-preview-panel {
	4113	+.global-styles-ui__shadow-preview-panel,
	4114	+.global-styles-ui__text-shadow-preview-panel {
3921	4115	height: 144px;
3922	4116	border: #ddd 1px solid;
3923	4117	border-radius: 2px;
3924	4118	overflow: auto;
		@@ -3926,9 +4120,9 @@
3926	4120	background-position: 0 0, 8px 8px;
3927	4121	background-size: 16px 16px;
3928	4122	}
3929	4123
3930		-.global-styles-ui__shadow-preview-panel .global-styles-ui__shadow-preview-block {
	4124	+.global-styles-ui__shadow-preview-block {
3931	4125	border: #ddd 1px solid;
3932	4126	border-radius: 2px;
3933	4127	background-color: #fff;
3934	4128	width: 60%;
		@@ -3934,22 +4128,44 @@
3934	4128	width: 60%;
3935	4129	height: 60px;
3936	4130	}
3937	4131
3938		-.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 {
3939	4152	width: 280px;
3940	4153	}
3941	4154
3942		-.global-styles-ui__shadow-editor-panel {
	4155	+.global-styles-ui__shadow-editor-panel,
	4156	+.global-styles-ui__text-shadow-editor-panel {
3943	4157	margin-bottom: 4px;
3944	4158	}
3945	4159
3946		-.global-styles-ui__shadow-editor__dropdown {
	4160	+.global-styles-ui__shadow-editor__dropdown,
	4161	+.global-styles-ui__text-shadow-editor__dropdown {
3947	4162	width: 100%;
3948	4163	position: relative;
3949	4164	}
3950	4165
3951		-.global-styles-ui__shadow-editor__dropdown-toggle {
	4166	+.global-styles-ui__shadow-editor__dropdown-toggle,
	4167	+.global-styles-ui__text-shadow-editor__dropdown-toggle {
3952	4168	width: 100%;
3953	4169	height: auto;
3954	4170	padding-top: 8px;
3955	4171	padding-bottom: 8px;
		@@ -3956,14 +4172,16 @@
3956	4172	text-align: right;
3957	4173	border-radius: inherit;
3958	4174	}
3959	4175
3960		-.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 {
3961	4178	background: #f0f0f0;
3962	4179	color: var(--wp-admin-theme-color);
3963	4180	}
3964	4181
3965		-.global-styles-ui__shadow-editor__remove-button {
	4182	+.global-styles-ui__shadow-editor__remove-button,
	4183	+.global-styles-ui__text-shadow-editor__remove-button {
3966	4184	position: absolute;
3967	4185	left: 8px;
3968	4186	top: 8px;
3969	4187	opacity: 0;
		@@ -3968,18 +4186,19 @@
3968	4186	top: 8px;
3969	4187	opacity: 0;
3970	4188	}
3971	4189
3972		-.global-styles-ui__shadow-editor__remove-button.global-styles-ui__shadow-editor__remove-button {
3973		- border: none;
3974		-}
3975		-
3976		-.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 {
3977	4195	opacity: 1;
3978	4196	}
3979	4197
3980	4198	@media (hover: none) {
3981		- .global-styles-ui__shadow-editor__remove-button {
	4199	+ .global-styles-ui__shadow-editor__remove-button,
	4200	+ .global-styles-ui__text-shadow-editor__remove-button {
3982	4201	opacity: 1;
3983	4202	}
3984	4203	}
3985	4204	.global-styles-ui-screen-css {
		@@ -3988,27 +4207,26 @@
3988	4207	flex-direction: column;
3989	4208	margin: 16px;
3990	4209	}
3991	4210
3992		-.global-styles-ui-screen-css .components-v-stack {
	4211	+.global-styles-ui-screen-css .block-editor-global-styles-advanced-panel {
3993	4212	flex: 1 1 auto;
3994	4213	}
3995	4214
3996		-.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
	4215	+.global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input {
3997	4216	flex: 1 1 auto;
3998	4217	display: flex;
3999	4218	flex-direction: column;
4000	4219	}
4001	4220
4002		-.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
	4221	+.global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
4003	4222	flex: 1 1 auto;
4004	4223	display: flex;
4005	4224	flex-direction: column;
4006	4225	}
4007	4226
4008		-.global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
	4227	+.global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input textarea {
4009	4228	flex: 1 1 auto;
4010		- direction: ltr;
4011	4229	}
4012	4230
4013	4231	.global-styles-ui-screen-css-help-link {
4014	4232	display: inline-block;
		@@ -4033,8 +4251,16 @@
4033	4251	flex-direction: column;
4034	4252	height: 100%;
4035	4253	}
4036	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	+
4037	4263	.global-styles-ui-sidebar__navigator-screen .single-column {
4038	4264	grid-column: span 1;
4039	4265	}
4040	4266
		@@ -4056,9 +4282,10 @@
4056	4282	clip-path: border-box;
4057	4283	}
4058	4284
4059	4285	.global-styles-ui-color-palette-panel,
4060		-.global-styles-ui-gradient-palette-panel {
	4286	+.global-styles-ui-gradient-palette-panel,
	4287	+.global-styles-ui-duotone-palette-panel {
4061	4288	padding: 16px;
4062	4289	}
4063	4290
4064	4291	.edit-site-custom-template-modal__contents-wrapper {
		@@ -4067,13 +4294,8 @@
4067	4294	}
4068	4295	.edit-site-custom-template-modal__contents-wrapper > * {
4069	4296	width: 100%;
4070	4297	}
4071		-.edit-site-custom-template-modal__contents-wrapper__suggestions_list {
4072		- margin-right: -12px;
4073		- margin-left: -12px;
4074		- width: calc(100% + 24px);
4075		-}
4076	4298	.edit-site-custom-template-modal__contents > .components-button {
4077	4299	height: auto;
4078	4300	justify-content: center;
4079	4301	}
		@@ -4083,10 +4305,14 @@
4083	4305	}
4084	4306	}
4085	4307	@media (min-width: 600px) {
4086	4308	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list {
4087		- max-height: 224px;
4088	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)));
4089	4315	}
4090	4316	}
4091	4317	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item {
4092	4318	display: block;
		@@ -4112,11 +4338,8 @@
4112	4338	}
4113	4339	.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus {
4114	4340	background-color: #f0f0f0;
4115	4341	}
4116		-.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled) {
4117		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
4118		-}
4119	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 {
4120	4343	overflow: hidden;
4121	4344	text-overflow: ellipsis;
4122	4345	display: block;
		@@ -4148,14 +4371,10 @@
4148	4371	}
4149	4372	}
4150	4373	.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg,
4151	4374	.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg {
4152		- fill: var(--wp-admin-theme-color);
	4375	+ color: var(--wp-admin-theme-color);
4153	4376	}
4154		-.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name {
4155		- flex-grow: 1;
4156		- align-items: flex-start;
4157		-}
4158	4377	.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon {
4159	4378	padding: 8px;
4160	4379	background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
4161	4380	border-radius: 100%;
		@@ -4169,9 +4388,8 @@
4169	4388	display: flex;
4170	4389	flex-direction: column;
4171	4390	border: 1px solid #ddd;
4172	4391	justify-content: center;
4173		- outline: 1px solid transparent;
4174	4392	}
4175	4393	.edit-site-custom-template-modal__contents > .components-button span:first-child,
4176	4394	.edit-site-add-new-template__template-list__contents > .components-button span:first-child {
4177	4395	color: #1e1e1e;
		@@ -4189,14 +4407,8 @@
4189	4407	.edit-site-custom-template-modal__contents > .components-button:hover span,
4190	4408	.edit-site-add-new-template__template-list__contents > .components-button:hover span {
4191	4409	color: var(--wp-admin-theme-color);
4192	4410	}
4193		-.edit-site-custom-template-modal__contents > .components-button:focus,
4194		-.edit-site-add-new-template__template-list__contents > .components-button:focus {
4195		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4196		- border-color: transparent;
4197		- outline: 3px solid transparent;
4198		-}
4199	4411	.edit-site-custom-template-modal__contents > .components-button:focus span:first-child,
4200	4412	.edit-site-add-new-template__template-list__contents > .components-button:focus span:first-child {
4201	4413	color: var(--wp-admin-theme-color);
4202	4414	}
		@@ -4208,10 +4420,12 @@
4208	4420	}
4209	4421
4210	4422	.edit-site-add-new-template__template-list__contents > .components-button {
4211	4423	height: 100%;
	4424	+ padding: 16px;
4212	4425	text-align: start;
4213	4426	align-items: flex-start;
	4427	+ justify-content: flex-start;
4214	4428	}
4215	4429
4216	4430	.edit-site-visual-editor__editor-canvas.is-focused {
4217	4431	outline: calc(2 * var(--wp-admin-border-width-focus)) solid var(--wp-admin-theme-color);
		@@ -4218,8 +4432,9 @@
4218	4432	outline-offset: calc(-2 * var(--wp-admin-border-width-focus));
4219	4433	}
4220	4434
4221	4435	.edit-site-canvas-loader {
	4436	+ --wp-components-color-foreground: var(--color);
4222	4437	width: 100%;
4223	4438	height: 100%;
4224	4439	display: flex;
4225	4440	position: absolute;
		@@ -4234,11 +4449,8 @@
4234	4449	animation: 0.5s ease 0.2s edit-site-canvas-loader__fade-in-animation;
4235	4450	animation-fill-mode: forwards;
4236	4451	}
4237	4452	}
4238		-.edit-site-canvas-loader > div {
4239		- width: 160px;
4240		-}
4241	4453
4242	4454	@keyframes edit-site-canvas-loader__fade-in-animation {
4243	4455	from {
4244	4456	opacity: 0;
		@@ -4302,11 +4514,12 @@
4302	4514	.edit-site-patterns__section-header .screen-reader-shortcut:focus {
4303	4515	top: 0;
4304	4516	}
4305	4517
4306		-.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) {
4307	4519	background: rgba(var(--wp-block-synced-color--rgb), 0.04);
4308	4520	color: var(--wp-block-synced-color);
	4521	+ border-color: currentColor;
4309	4522	}
4310	4523
4311	4524	.dataviews-action-modal__duplicate-pattern [role=dialog] > [role=document] {
4312	4525	width: 350px;
		@@ -4321,9 +4534,9 @@
4321	4534	border-bottom-left-radius: 2px;
4322	4535	box-shadow: 0 0 0.5px 0.5px var(--wp-admin-theme-color);
4323	4536	box-sizing: border-box;
4324	4537	z-index: 1;
4325		- background-color: #fff;
	4538	+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
4326	4539	width: calc(100% + 2px);
4327	4540	right: -1px;
4328	4541	min-width: initial;
4329	4542	max-height: 96px;
		@@ -4378,13 +4591,8 @@
4378	4591
4379	4592	.edit-site-list__rename-modal {
4380	4593	z-index: 1000001;
4381	4594	}
4382		-@media (min-width: 782px) {
4383		- .edit-site-list__rename-modal .components-base-control {
4384		- width: 320px;
4385		- }
4386		-}
4387	4595
4388	4596	.edit-site-editor__editor-interface {
4389	4597	opacity: 1;
4390	4598	}
		@@ -4406,61 +4614,8 @@
4406	4614	display: flex;
4407	4615	justify-content: center;
4408	4616	}
4409	4617
4410		-.edit-site-editor__view-mode-toggle {
4411		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4412		- view-transition-name: toggle;
4413		- /* stylelint-enable */
4414		- top: 0;
4415		- right: 0;
4416		- height: 64px;
4417		- width: 64px;
4418		- z-index: 100;
4419		-}
4420		-.edit-site-editor__view-mode-toggle .components-button {
4421		- color: #fff;
4422		- height: 100%;
4423		- width: 100%;
4424		- border-radius: 0;
4425		- overflow: hidden;
4426		- padding: 0;
4427		- display: flex;
4428		- align-items: center;
4429		- justify-content: center;
4430		-}
4431		-.edit-site-editor__view-mode-toggle .components-button:hover, .edit-site-editor__view-mode-toggle .components-button:active {
4432		- color: #fff;
4433		-}
4434		-.edit-site-editor__view-mode-toggle .components-button:focus {
4435		- box-shadow: none;
4436		-}
4437		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg,
4438		-.edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img {
4439		- background: #1e1e1e;
4440		- display: block;
4441		-}
4442		-
4443		-.edit-site-editor__back-icon {
4444		- position: absolute;
4445		- top: 0;
4446		- right: 0;
4447		- width: 64px;
4448		- height: 64px;
4449		- display: flex;
4450		- align-items: center;
4451		- justify-content: center;
4452		- background-color: hsl(0, 0%, 80%);
4453		- pointer-events: none;
4454		-}
4455		-.edit-site-editor__back-icon svg {
4456		- fill: currentColor;
4457		-}
4458		-.edit-site-editor__back-icon.has-site-icon {
4459		- background-color: hsla(0, 0%, 100%, 0.6);
4460		- backdrop-filter: saturate(180%) blur(15px);
4461		-}
4462		-
4463	4618	.edit-site-welcome-guide {
4464	4619	width: 312px;
4465	4620	}
4466	4621	.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image {
		@@ -4482,9 +4637,9 @@
4482	4637	max-width: 100%;
4483	4638	object-fit: cover;
4484	4639	}
4485	4640	.edit-site-welcome-guide__heading {
4486		- 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;
4487	4642	font-size: 24px;
4488	4643	line-height: 1.4;
4489	4644	margin: 16px 0 16px 0;
4490	4645	padding: 0 32px;
		@@ -4502,24 +4657,25 @@
4502	4657	margin: 0 4px;
4503	4658	vertical-align: text-top;
4504	4659	}
4505	4660	.edit-site-welcome-guide .components-button:hover svg {
4506		- fill: #fff;
	4661	+ color: #fff;
4507	4662	}
4508	4663
4509	4664	.edit-site-layout {
4510	4665	height: 100%;
4511		- background: #1e1e1e;
4512		- color: #ccc;
	4666	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	4667	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4513	4668	display: flex;
4514	4669	flex-direction: column;
4515	4670	}
4516	4671	.edit-site-layout:not(.is-full-canvas) .editor-visual-editor {
4517		- background: #1e1e1e;
	4672	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
4518	4673	}
4519	4674
4520	4675	.edit-site-layout__content {
4521	4676	height: 100%;
	4677	+ min-height: 0;
4522	4678	flex-grow: 1;
4523	4679	display: flex;
4524	4680	}
4525	4681
		@@ -4534,16 +4690,17 @@
4534	4690	}
4535	4691	}
4536	4692	.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
4537	4693	position: fixed !important;
4538		- height: 100vh;
	4694	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
4539	4695	right: 0;
4540		- top: 0;
	4696	+ top: var(--wp-admin--admin-bar--height, 0);
4541	4697	}
4542	4698	.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
4543	4699	display: flex;
4544	4700	flex-direction: column;
4545	4701	height: 100%;
	4702	+ min-height: 0;
4546	4703	}
4547	4704	.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
4548	4705	left: 0;
4549	4706	}
		@@ -4576,8 +4733,18 @@
4576	4733	.edit-site-layout__mobile .edit-site-sidebar-navigation-screen__main {
4577	4734	padding: 0 12px;
4578	4735	}
4579	4736
	4737	+.edit-site-layout__mobile-content {
	4738	+ display: flex;
	4739	+ flex-direction: column;
	4740	+ flex-grow: 1;
	4741	+}
	4742	+
	4743	+.edit-site-sidebar__screen-wrapper:has(.edit-site-layout__mobile-content) {
	4744	+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
	4745	+}
	4746	+
4580	4747	.edit-site-layout__canvas-container {
4581	4748	position: relative;
4582	4749	flex-grow: 1;
4583	4750	z-index: 2;
		@@ -4597,9 +4764,9 @@
4597	4764	.edit-site-layout__canvas.is-right-aligned {
4598	4765	justify-content: flex-end;
4599	4766	}
4600	4767	.edit-site-layout__canvas .edit-site-resizable-frame__inner {
4601		- color: #1e1e1e;
	4768	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4602	4769	}
4603	4770	@media (min-width: 782px) {
4604	4771	.edit-site-layout__canvas {
4605	4772	top: 16px;
		@@ -4617,9 +4784,9 @@
4617	4784	}
4618	4785	}
4619	4786	@media (min-width: 782px) {
4620	4787	.edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content {
4621		- border-radius: 8px;
	4788	+ border-radius: var(--wpds-border-radius-xl, 12px);
4622	4789	}
4623	4790	.edit-site-layout__canvas .edit-site-resizable-frame__inner-content:hover {
4624	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);
4625	4792	}
		@@ -4640,9 +4807,8 @@
4640	4807	.edit-site-template-pages-preview {
4641	4808	height: 100%;
4642	4809	}
4643	4810
4644		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4645	4811	html.canvas-mode-edit-transition::view-transition-group(toggle) {
4646	4812	animation-delay: 255ms;
4647	4813	}
4648	4814
		@@ -4652,61 +4818,8 @@
4652	4818	::view-transition-new(*) {
4653	4819	animation: none !important;
4654	4820	}
4655	4821	}
4656		-/* stylelint-enable */
4657		-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
4658		- display: none;
4659		-}
4660		-
4661		-.edit-site-layout__view-mode-toggle.components-button {
4662		- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4663		- view-transition-name: toggle;
4664		- /* stylelint-enable */
4665		- position: relative;
4666		- color: #fff;
4667		- height: 64px;
4668		- width: 64px;
4669		- overflow: hidden;
4670		- padding: 0;
4671		- display: flex;
4672		- align-items: center;
4673		- justify-content: center;
4674		- background: #1e1e1e;
4675		- border-radius: 0;
4676		-}
4677		-.edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
4678		- color: #fff;
4679		-}
4680		-.edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
4681		- box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
4682		- outline: 4px solid rgba(0, 0, 0, 0);
4683		- outline-offset: 4px;
4684		-}
4685		-.edit-site-layout__view-mode-toggle.components-button::before {
4686		- content: "";
4687		- display: block;
4688		- position: absolute;
4689		- top: 9px;
4690		- left: 9px;
4691		- bottom: 9px;
4692		- right: 17px;
4693		- border-radius: 4px;
4694		- box-shadow: none;
4695		-}
4696		-@media not (prefers-reduced-motion) {
4697		- .edit-site-layout__view-mode-toggle.components-button::before {
4698		- transition: box-shadow 0.1s ease;
4699		- }
4700		-}
4701		-.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
4702		- display: flex;
4703		- height: 64px;
4704		- width: 64px;
4705		- justify-content: center;
4706		- align-items: center;
4707		-}
4708		-
4709	4822	.edit-site-layout__actions {
4710	4823	z-index: 100000;
4711	4824	position: fixed !important;
4712	4825	top: -9999em;
		@@ -4713,10 +4826,10 @@
4713	4826	bottom: auto;
4714	4827	right: auto;
4715	4828	left: 0;
4716	4829	width: 280px;
4717		- color: #1e1e1e;
4718		- background: #fff;
	4830	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	4831	+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
4719	4832	}
4720	4833	.edit-site-layout__actions:focus, .edit-site-layout__actions:focus-within {
4721	4834	top: auto;
4722	4835	bottom: 0;
		@@ -4721,13 +4834,13 @@
4721	4834	top: auto;
4722	4835	bottom: 0;
4723	4836	}
4724	4837	.edit-site-layout__actions.is-entity-save-view-open:focus, .edit-site-layout__actions.is-entity-save-view-open:focus-within {
4725		- top: 0;
	4838	+ top: var(--wp-admin--admin-bar--height, 0);
4726	4839	}
4727	4840	@media (min-width: 782px) {
4728	4841	.edit-site-layout__actions {
4729		- border-right: 1px solid #ddd;
	4842	+ border-right: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
4730	4843	}
4731	4844	}
4732	4845
4733	4846	.edit-site-layout__area {
		@@ -4737,9 +4850,9 @@
4737	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);
4738	4851	}
4739	4852	@media (min-width: 782px) {
4740	4853	.edit-site-layout__area {
4741		- border-radius: 8px;
	4854	+ border-radius: var(--wpds-border-radius-xl, 12px);
4742	4855	margin: 16px 0 16px 16px;
4743	4856	}
4744	4857	}
4745	4858
		@@ -4744,9 +4857,9 @@
4744	4857	}
4745	4858
4746	4859	.edit-site-layout__snackbar {
4747	4860	position: fixed;
4748		- bottom: 24px;
	4861	+ bottom: var(--wpds-dimension-size-md, 32px);
4749	4862	right: 0;
4750	4863	left: 0;
4751	4864	padding-inline: 16px;
4752	4865	box-sizing: border-box;
		@@ -4758,13 +4871,13 @@
4758	4871	margin-inline: auto;
4759	4872	}
4760	4873
4761	4874	.edit-site-save-hub {
4762		- color: #949494;
4763		- border-top: 1px solid #2f2f2f;
	4875	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
	4876	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
4764	4877	flex-shrink: 0;
4765	4878	margin: 0;
4766		- padding: 16px 16px;
	4879	+ padding: 16px;
4767	4880	}
4768	4881
4769	4882	.edit-site-save-hub__button {
4770	4883	color: inherit;
		@@ -4773,13 +4886,13 @@
4773	4886	}
4774	4887	.edit-site-save-hub__button[aria-disabled=true] {
4775	4888	opacity: 1;
4776	4889	}
4777		-.edit-site-save-hub__button[aria-disabled=true]:hover {
	4890	+.edit-site-save-hub__button[aria-disabled=true], .edit-site-save-hub__button[aria-disabled=true]:hover {
4778	4891	color: inherit;
4779	4892	}
4780	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 {
4781		- color: #1e1e1e;
	4894	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
4782	4895	}
4783	4896
4784	4897	@media (min-width: 600px) {
4785	4898	.edit-site-save-panel__modal {
		@@ -4788,8 +4901,10 @@
4788	4901	}
4789	4902
4790	4903	.edit-site-sidebar__content {
4791	4904	flex-grow: 1;
	4905	+ flex-basis: 0;
	4906	+ min-height: 0;
4792	4907	overflow-y: auto;
4793	4908	overflow-x: hidden;
4794	4909	contain: content;
4795	4910	}
		@@ -4872,46 +4987,36 @@
4872	4987	animation-name: local--slide-from-right;
4873	4988	}
4874	4989
4875	4990	.edit-site-sidebar-button {
4876		- color: #e0e0e0;
	4991	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
4877	4992	flex-shrink: 0;
4878	4993	}
4879		-.edit-site-sidebar-button:focus:not(:disabled) {
4880		- box-shadow: none;
	4994	+.edit-site-sidebar-button:focus:not(:focus-visible) {
4881	4995	outline: none;
4882	4996	}
4883		-.edit-site-sidebar-button:focus-visible:not(:disabled) {
4884		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4885		- outline: 3px solid transparent;
4886		-}
4887	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] {
4888		- color: #f0f0f0;
	4998	+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
4889	4999	}
4890	5000
4891	5001	.edit-site-sidebar-navigation-item.components-item {
4892		- color: #949494;
	5002	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
4893	5003	padding: 8px 16px 8px 6px;
4894	5004	border: none;
4895	5005	min-height: 40px;
4896	5006	}
4897		-.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] {
4898		- color: #e0e0e0;
	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);
4899	5009	}
4900		-.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 {
4901		- fill: #e0e0e0;
4902		-}
4903	5010	.edit-site-sidebar-navigation-item.components-item[aria-current=true] {
4904		- background: #2f2f2f;
4905		- color: #fff;
4906		- 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);
4907	5014	}
4908	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));
4909	5017	transform: translateZ(0);
4910	5018	}
4911		-.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
4912		- fill: #949494;
4913		-}
4914	5019	.edit-site-sidebar-navigation-item.components-item.with-suffix {
4915	5020	padding-left: 16px;
4916	5021	}
4917	5022
		@@ -4938,9 +5043,9 @@
4938	5043	.edit-site-sidebar-navigation-screen__content {
4939	5044	padding: 0 16px;
4940	5045	}
4941	5046	.edit-site-sidebar-navigation-screen__content .components-text {
4942		- color: #ccc;
	5047	+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4943	5048	}
4944	5049	.edit-site-sidebar-navigation-screen__content .components-heading {
4945	5050	margin-bottom: 8px;
4946	5051	}
		@@ -4947,10 +5052,10 @@
4947	5052
4948	5053	.edit-site-sidebar-navigation-screen__title-icon {
4949	5054	position: sticky;
4950	5055	top: 0;
4951		- background: #1e1e1e;
4952		- padding-top: 48px;
	5056	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
	5057	+ padding-top: 32px;
4953	5058	margin-bottom: 8px;
4954	5059	padding-bottom: 8px;
4955	5060	z-index: 1;
4956	5061	}
		@@ -4989,13 +5094,13 @@
4989	5094
4990	5095	.edit-site-sidebar-navigation-screen__footer {
4991	5096	position: sticky;
4992	5097	bottom: 0;
4993		- background-color: #1e1e1e;
	5098	+ background-color: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
4994	5099	gap: 0;
4995	5100	padding: 8px 16px;
4996	5101	margin: 16px 0 0;
4997		- border-top: 1px solid #2f2f2f;
	5102	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
4998	5103	}
4999	5104	.edit-site-sidebar-navigation-screen__footer .edit-site-sidebar-navigation-screen-details-footer {
5000	5105	margin-right: -16px;
5001	5106	margin-left: -16px;
		@@ -5010,22 +5115,22 @@
5010	5115	.edit-site-sidebar-navigation-screen__input-control {
5011	5116	width: 100%;
5012	5117	}
5013	5118	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container {
5014		- background: #2f2f2f;
	5119	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000);
5015	5120	}
5016	5121	.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button {
5017		- color: #e0e0e0 !important;
	5122	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
5018	5123	}
5019	5124	.edit-site-sidebar-navigation-screen__input-control .components-input-control__input {
5020		- color: #e0e0e0 !important;
5021		- background: #2f2f2f !important;
	5125	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e) !important;
	5126	+ background: var(--wpds-color-background-interactive-neutral-weak, #0000) !important;
5022	5127	}
5023	5128	.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop {
5024	5129	border: 4px !important;
5025	5130	}
5026	5131	.edit-site-sidebar-navigation-screen__input-control .components-base-control__help {
5027		- color: #949494;
	5132	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5028	5133	}
5029	5134
5030	5135	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,
5031	5136	.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,
		@@ -5033,12 +5138,12 @@
5033	5138	background: none;
5034	5139	}
5035	5140
5036	5141	.sidebar-navigation__more-menu .components-button {
5037		- color: #e0e0e0;
	5142	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5038	5143	}
5039	5144	.sidebar-navigation__more-menu .components-button:hover, .sidebar-navigation__more-menu .components-button:focus, .sidebar-navigation__more-menu .components-button[aria-current] {
5040		- color: #f0f0f0;
	5145	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5041	5146	}
5042	5147
5043	5148	.edit-site-sidebar-navigation-screen-patterns__group {
5044	5149	margin-bottom: 24px;
		@@ -5054,18 +5159,18 @@
5054	5159	.edit-site-sidebar-navigation-screen-patterns__group-header {
5055	5160	margin-top: 16px;
5056	5161	}
5057	5162	.edit-site-sidebar-navigation-screen-patterns__group-header p {
5058		- color: #949494;
	5163	+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
5059	5164	}
5060	5165	.edit-site-sidebar-navigation-screen-patterns__group-header h2 {
5061	5166	font-size: 11px;
5062		- font-weight: 499;
	5167	+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5063	5168	text-transform: uppercase;
5064	5169	}
5065	5170
5066	5171	.edit-site-sidebar-navigation-screen-patterns__divider {
5067		- border-top: 1px solid #2f2f2f;
	5172	+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
5068	5173	margin: 16px 0;
5069	5174	}
5070	5175
5071	5176	.edit-site-sidebar-navigation-screen__description {
		@@ -5086,19 +5191,27 @@
5086	5191	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell {
5087	5192	padding-left: 0;
5088	5193	}
5089	5194	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button {
5090		- color: #949494;
	5195	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5091	5196	}
5092	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] {
5093		- color: #fff;
	5198	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5094	5199	}
5095	5200	.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
5096		- color: #949494;
	5201	+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5097	5202	}
5098	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 {
5099		- color: #fff;
	5204	+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5100	5205	}
	5206	+.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle {
	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);
	5209	+}
	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 {
	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);
	5213	+}
5101	5214
5102	5215	.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner {
5103	5216	margin-right: auto;
5104	5217	margin-left: auto;
		@@ -5113,13 +5226,8 @@
5113	5226	margin-right: -16px;
5114	5227	margin-left: -16px;
5115	5228	}
5116	5229
5117		-.edit-site-sidebar-navigation-screen-templates-browse {
5118		- margin-right: -16px;
5119		- margin-left: -16px;
5120		-}
5121		-
5122	5230	.edit-site-sidebar-dataviews {
5123	5231	margin-right: -16px;
5124	5232	margin-left: -16px;
5125	5233	}
		@@ -5126,111 +5234,16 @@
5126	5234
5127	5235	.edit-site-site-hub {
5128	5236	display: flex;
5129	5237	align-items: center;
5130		- justify-content: space-between;
5131		- gap: 8px;
5132		- margin-left: 12px;
	5238	+ padding-right: 16px;
5133	5239	height: 64px;
5134	5240	}
5135	5241
5136		-.edit-site-site-hub__actions {
5137		- 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);
5138	5244	}
5139	5245
5140		-.edit-site-site-hub__view-mode-toggle-container {
5141		- height: 64px;
5142		- width: 64px;
5143		- flex-shrink: 0;
5144		-}
5145		-.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon {
5146		- background: transparent;
5147		-}
5148		-
5149		-.edit-site-site-hub__title .components-button {
5150		- color: #e0e0e0;
5151		- display: block;
5152		- flex-grow: 1;
5153		- font-size: 15px;
5154		- font-weight: 499;
5155		- overflow: hidden;
5156		- padding-left: 16px;
5157		- margin-right: -4px;
5158		- position: relative;
5159		- text-decoration: none;
5160		- text-overflow: ellipsis;
5161		- white-space: nowrap;
5162		-}
5163		-.edit-site-site-hub__title .components-button:hover, .edit-site-site-hub__title .components-button:focus, .edit-site-site-hub__title .components-button:active {
5164		- color: #e0e0e0;
5165		-}
5166		-.edit-site-site-hub__title .components-button:focus {
5167		- box-shadow: none;
5168		- outline: none;
5169		-}
5170		-.edit-site-site-hub__title .components-button:focus-visible {
5171		- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
5172		- outline: 2px solid transparent;
5173		- outline-offset: 2px;
5174		-}
5175		-.edit-site-site-hub__title .components-button::after {
5176		- content: "↗";
5177		- font-weight: 400;
5178		- opacity: 0;
5179		- position: absolute;
5180		- left: 0;
5181		-}
5182		-@media not (prefers-reduced-motion) {
5183		- .edit-site-site-hub__title .components-button::after {
5184		- transition: opacity 0.1s linear;
5185		- }
5186		-}
5187		-.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 {
5188		- opacity: 1;
5189		-}
5190		-
5191		-.edit-site-site-hub_toggle-command-center {
5192		- color: #e0e0e0;
5193		-}
5194		-.edit-site-site-hub_toggle-command-center:hover svg, .edit-site-site-hub_toggle-command-center:active svg {
5195		- fill: #f0f0f0;
5196		-}
5197		-
5198		-.edit-site-site-icon__icon {
5199		- fill: currentColor;
5200		- width: 100%;
5201		- height: 100%;
5202		-}
5203		-.edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
5204		- padding: 12px;
5205		-}
5206		-
5207		-.edit-site-site-icon__image {
5208		- width: 100%;
5209		- height: 100%;
5210		- object-fit: cover;
5211		- background: #333;
5212		- aspect-ratio: 1/1;
5213		-}
5214		-.edit-site-layout.is-full-canvas .edit-site-site-icon__image {
5215		- border-radius: 0;
5216		-}
5217		-
5218		-.edit-site-editor__view-mode-toggle button:focus {
5219		- position: relative;
5220		-}
5221		-.edit-site-editor__view-mode-toggle button:focus::before {
5222		- content: "";
5223		- display: block;
5224		- position: absolute;
5225		- z-index: 1;
5226		- top: 0;
5227		- left: 0;
5228		- bottom: 0;
5229		- right: 0;
5230		- 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;
5231		-}
5232		-
5233	5246	.fields-controls__password {
5234	5247	border-top: 1px solid #e0e0e0;
5235	5248	padding-top: 16px;
5236	5249	}
		@@ -5395,18 +5408,26 @@
5395	5408	padding-right: 0;
5396	5409	padding-left: 0;
5397	5410	}
5398	5411	.edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen {
5399		- padding-top: 12px;
5400		- padding-right: 12px;
5401		- padding-left: 12px;
5402		- padding-bottom: 12px;
	5412	+ padding: 12px;
5403	5413	outline: none;
5404	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	+}
5405	5420	.edit-site-styles .edit-site-sidebar-button {
5406		- color: #1e1e1e;
	5421	+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5407	5422	}
5408	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	+
5409	5430	.show-icon-labels .edit-site-styles__header-actions .components-button.has-icon {
5410	5431	width: auto;
5411	5432	padding: 0 var(--wpds-dimension-padding-xs, 4px);
5412	5433	}
		@@ -5417,66 +5438,16 @@
5417	5438	content: attr(aria-label);
5418	5439	font-size: var(--wpds-typography-font-size-sm, 12px);
5419	5440	}
5420	5441
5421		-body.has-admin-bar-in-editor {
5422		- margin-top: 0;
5423		- height: 100%;
5424		-}
5425		-body.has-admin-bar-in-editor:has(.editor-editor-interface.is-distraction-free) {
5426		- --wp-admin--admin-bar--height: 0;
5427		-}
5428		-body.has-admin-bar-in-editor .edit-site-site-hub__title,
5429		-body.has-admin-bar-in-editor .edit-site-site-hub__actions {
5430		- display: none;
5431		-}
5432		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
5433		- background: transparent;
5434		-}
5435		-body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
5436		- color: var(--wp-admin-theme-color);
5437		-}
5438		-body.has-admin-bar-in-editor .edit-site-sidebar-navigation-screen__title-icon {
5439		- padding-top: 16px;
5440		-}
5441		-body.has-admin-bar-in-editor .edit-site-layout__content,
5442		-body.has-admin-bar-in-editor .edit-site-layout__sidebar {
	5442	+.edit-site-sidebar-identity__form {
	5443	+ flex-grow: 1;
5443	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);
5444	5448	}
5445		-body.has-admin-bar-in-editor .edit-site-sidebar__content {
5446		- flex-basis: 0;
5447		- min-height: 0;
5448		-}
5449		-body.has-admin-bar-in-editor .edit-site {
5450		- box-sizing: border-box;
5451		- padding-top: var(--wp-admin--admin-bar--height, 0);
5452		- height: 100vh;
5453		- min-height: 100vh;
5454		-}
5455		-@media (min-width: 600px) {
5456		- body.has-admin-bar-in-editor .edit-site {
5457		- padding-top: 0;
5458		- top: var(--wp-admin--admin-bar--height, 0);
5459		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5460		- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5461		- }
5462		-}
5463		-body.has-admin-bar-in-editor .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
5464		- top: var(--wp-admin--admin-bar--height, 0);
5465		- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5466		-}
5467		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
5468		-body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within {
5469		- top: var(--wp-admin--admin-bar--height, 0);
5470		-}
5471		-body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
5472		- display: block;
5473		-}
5474		-body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
5475		- display: none;
5476		-}
5477	5449
5478		-/* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5479	5450	::view-transition-image-pair(root) {
5480	5451	isolation: auto;
5481	5452	}
5482	5453
		@@ -5486,13 +5457,8 @@
5486	5457	mix-blend-mode: normal;
5487	5458	display: block;
5488	5459	}
5489	5460
5490		-/* stylelint-enable */
5491		-body.js #wpadminbar {
5492		- display: none;
5493		-}
5494		-
5495	5461	body.js #wpbody {
5496	5462	padding-top: 0;
5497	5463	}
5498	5464
		@@ -5538,10 +5504,19 @@
5538	5504	max-width: 100%;
5539	5505	}
5540	5506
5541	5507	body.js.site-editor-php {
5542		- background: #1e1e1e;
	5508	+ background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5543	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	+}
5544	5519
5545	5520	.edit-site {
5546	5521	box-sizing: border-box;
5547	5522	}
		@@ -5550,8 +5525,9 @@
5550	5525	.edit-site *::after {
5551	5526	box-sizing: inherit;
5552	5527	}
5553	5528	.edit-site {
	5529	+ padding-top: var(--wp-admin--admin-bar--height, 0);
5554	5530	height: 100vh;
5555	5531	}
5556	5532	@media (min-width: 600px) {
5557	5533	.edit-site {
		@@ -5556,12 +5532,13 @@
5556	5532	@media (min-width: 600px) {
5557	5533	.edit-site {
5558	5534	bottom: 0;
5559	5535	right: 0;
5560		- min-height: 100vh;
	5536	+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
	5537	+ padding-top: 0;
5561	5538	position: fixed;
5562	5539	left: 0;
5563		- top: 0;
	5540	+ top: var(--wp-admin--admin-bar--height, 0);
5564	5541	}
5565	5542	}
5566	5543	.no-js .edit-site {
5567	5544	min-height: 0;