@wordpress/dataviews 14.2.1-next.v.202605131032.0 → 15.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/build/components/dataform-controls/date.cjs.map +3 -3
- package/build/components/dataform-controls/datetime.cjs.map +2 -2
- package/build/components/dataform-controls/email.cjs.map +3 -3
- package/build/components/dataform-controls/telephone.cjs.map +3 -3
- package/build/components/dataform-controls/url.cjs.map +3 -3
- package/build/components/dataform-layouts/panel/summary-button.cjs +18 -1
- package/build/components/dataform-layouts/panel/summary-button.cjs.map +3 -3
- package/build/components/dataform-layouts/panel/utils/get-label-content.cjs +17 -4
- package/build/components/dataform-layouts/panel/utils/get-label-content.cjs.map +3 -3
- package/build/components/dataviews-context/index.cjs.map +2 -2
- package/build/components/dataviews-filters/filter.cjs +86 -80
- package/build/components/dataviews-filters/filter.cjs.map +3 -3
- package/build/components/dataviews-filters/search-widget.cjs.map +3 -3
- package/build/components/dataviews-layouts/grid/composite-grid.cjs +10 -2
- package/build/components/dataviews-layouts/grid/composite-grid.cjs.map +2 -2
- package/build/components/dataviews-layouts/picker-table/index.cjs +8 -0
- package/build/components/dataviews-layouts/picker-table/index.cjs.map +2 -2
- package/build/components/dataviews-layouts/table/column-header-menu.cjs.map +3 -3
- package/build/components/dataviews-layouts/table/use-scroll-state.cjs.map +1 -1
- package/build/components/dataviews-layouts/utils/item-click-wrapper.cjs.map +2 -2
- package/build/components/dataviews-view-config/properties-section.cjs.map +3 -3
- package/build/hooks/use-form-validity.cjs.map +1 -1
- package/build-module/components/dataform-controls/date.mjs +2 -2
- package/build-module/components/dataform-controls/date.mjs.map +2 -2
- package/build-module/components/dataform-controls/datetime.mjs.map +2 -2
- package/build-module/components/dataform-controls/email.mjs +2 -2
- package/build-module/components/dataform-controls/email.mjs.map +2 -2
- package/build-module/components/dataform-controls/telephone.mjs +2 -2
- package/build-module/components/dataform-controls/telephone.mjs.map +2 -2
- package/build-module/components/dataform-controls/url.mjs +2 -2
- package/build-module/components/dataform-controls/url.mjs.map +2 -2
- package/build-module/components/dataform-layouts/panel/summary-button.mjs +19 -2
- package/build-module/components/dataform-layouts/panel/summary-button.mjs.map +2 -2
- package/build-module/components/dataform-layouts/panel/utils/get-label-content.mjs +18 -5
- package/build-module/components/dataform-layouts/panel/utils/get-label-content.mjs.map +2 -2
- package/build-module/components/dataviews-context/index.mjs.map +2 -2
- package/build-module/components/dataviews-filters/filter.mjs +88 -83
- package/build-module/components/dataviews-filters/filter.mjs.map +2 -2
- package/build-module/components/dataviews-filters/search-widget.mjs +3 -3
- package/build-module/components/dataviews-filters/search-widget.mjs.map +2 -2
- package/build-module/components/dataviews-layouts/grid/composite-grid.mjs +11 -4
- package/build-module/components/dataviews-layouts/grid/composite-grid.mjs.map +2 -2
- package/build-module/components/dataviews-layouts/picker-table/index.mjs +8 -0
- package/build-module/components/dataviews-layouts/picker-table/index.mjs.map +2 -2
- package/build-module/components/dataviews-layouts/table/column-header-menu.mjs +5 -5
- package/build-module/components/dataviews-layouts/table/column-header-menu.mjs.map +2 -2
- package/build-module/components/dataviews-layouts/table/use-scroll-state.mjs.map +1 -1
- package/build-module/components/dataviews-layouts/utils/item-click-wrapper.mjs.map +2 -2
- package/build-module/components/dataviews-view-config/properties-section.mjs +2 -2
- package/build-module/components/dataviews-view-config/properties-section.mjs.map +2 -2
- package/build-module/hooks/use-form-validity.mjs.map +1 -1
- package/build-style/style-rtl.css +395 -377
- package/build-style/style.css +395 -377
- package/build-types/components/dataform-layouts/panel/summary-button.d.ts.map +1 -1
- package/build-types/components/dataform-layouts/panel/utils/get-label-content.d.ts.map +1 -1
- package/build-types/components/dataviews-context/index.d.ts +2 -2
- package/build-types/components/dataviews-context/index.d.ts.map +1 -1
- package/build-types/components/dataviews-filters/filter.d.ts.map +1 -1
- package/build-types/components/dataviews-layouts/grid/composite-grid.d.ts.map +1 -1
- package/build-types/components/dataviews-layouts/picker-table/index.d.ts.map +1 -1
- package/build-types/components/dataviews-layouts/table/use-scroll-state.d.ts +9 -5
- package/build-types/components/dataviews-layouts/table/use-scroll-state.d.ts.map +1 -1
- package/build-types/components/dataviews-layouts/utils/item-click-wrapper.d.ts.map +1 -1
- package/build-types/dataviews/stories/free-composition.d.ts.map +1 -1
- package/build-wp/index.js +3298 -1396
- package/package.json +18 -18
- package/src/components/dataform-controls/date.tsx +2 -2
- package/src/components/dataform-controls/datetime.tsx +1 -1
- package/src/components/dataform-controls/email.tsx +2 -2
- package/src/components/dataform-controls/style.scss +2 -4
- package/src/components/dataform-controls/telephone.tsx +2 -2
- package/src/components/dataform-controls/url.tsx +2 -2
- package/src/components/dataform-layouts/card/style.scss +4 -7
- package/src/components/dataform-layouts/details/style.scss +2 -4
- package/src/components/dataform-layouts/panel/style.scss +41 -21
- package/src/components/dataform-layouts/panel/summary-button.tsx +17 -6
- package/src/components/dataform-layouts/panel/utils/get-label-content.tsx +15 -7
- package/src/components/dataform-layouts/regular/style.scss +5 -8
- package/src/components/dataviews-bulk-actions/style.scss +2 -6
- package/src/components/dataviews-context/index.ts +2 -4
- package/src/components/dataviews-filters/filter.tsx +93 -77
- package/src/components/dataviews-filters/search-widget.tsx +3 -3
- package/src/components/dataviews-filters/style.scss +93 -95
- package/src/components/dataviews-footer/style.scss +4 -6
- package/src/components/dataviews-item-actions/style.scss +1 -3
- package/src/components/dataviews-layouts/activity/style.scss +39 -41
- package/src/components/dataviews-layouts/grid/composite-grid.tsx +15 -8
- package/src/components/dataviews-layouts/grid/style.scss +46 -50
- package/src/components/dataviews-layouts/list/style.scss +61 -59
- package/src/components/dataviews-layouts/picker-grid/style.scss +33 -37
- package/src/components/dataviews-layouts/picker-table/index.tsx +15 -0
- package/src/components/dataviews-layouts/picker-table/style.scss +5 -8
- package/src/components/dataviews-layouts/table/column-header-menu.tsx +5 -5
- package/src/components/dataviews-layouts/table/style.scss +44 -46
- package/src/components/dataviews-layouts/table/use-scroll-state.ts +6 -6
- package/src/components/dataviews-layouts/utils/grid-items.scss +4 -6
- package/src/components/dataviews-layouts/utils/item-click-wrapper.tsx +3 -1
- package/src/components/dataviews-pagination/style.scss +2 -3
- package/src/components/dataviews-picker-footer/style.scss +1 -3
- package/src/components/dataviews-selection-checkbox/style.scss +0 -1
- package/src/components/dataviews-view-config/properties-section.tsx +2 -2
- package/src/components/dataviews-view-config/style.scss +8 -11
- package/src/dataviews/stories/free-composition.tsx +3 -1
- package/src/dataviews/style.scss +27 -18
- package/src/dataviews-picker/stories/index.story.tsx +2 -0
- package/src/field-types/stories/index.story.tsx +2 -2
- package/src/hooks/use-form-validity.ts +2 -2
package/build-style/style.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* Typography
|
|
3
3
|
*/
|
|
4
4
|
/**
|
|
5
5
|
* SCSS Variables.
|
|
@@ -8,6 +8,9 @@
|
|
|
8
8
|
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
9
9
|
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
10
10
|
*/
|
|
11
|
+
/**
|
|
12
|
+
* Colors
|
|
13
|
+
*/
|
|
11
14
|
/**
|
|
12
15
|
* Fonts & basic variables.
|
|
13
16
|
*/
|
|
@@ -43,9 +46,6 @@
|
|
|
43
46
|
* React Native specific.
|
|
44
47
|
* These variables do not appear to be used anywhere else.
|
|
45
48
|
*/
|
|
46
|
-
/**
|
|
47
|
-
* Typography
|
|
48
|
-
*/
|
|
49
49
|
/**
|
|
50
50
|
* Breakpoints & Media Queries
|
|
51
51
|
*/
|
|
@@ -90,21 +90,23 @@
|
|
|
90
90
|
.dataviews-wrapper,
|
|
91
91
|
.dataviews-picker-wrapper {
|
|
92
92
|
height: 100%;
|
|
93
|
+
flex-grow: 1;
|
|
94
|
+
min-height: 0;
|
|
93
95
|
box-sizing: border-box;
|
|
94
|
-
scroll-padding-bottom:
|
|
96
|
+
scroll-padding-bottom: calc(var(--wpds-dimension-base, 4px) * 16);
|
|
95
97
|
/* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
|
|
96
98
|
container: dataviews-wrapper/inline-size;
|
|
97
99
|
display: flex;
|
|
98
100
|
flex-direction: column;
|
|
99
|
-
font-size: 13px;
|
|
100
|
-
line-height:
|
|
101
|
-
background-color: var(--wp-dataviews-color-background, #fff);
|
|
101
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
102
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
103
|
+
background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
|
|
102
104
|
}
|
|
103
105
|
|
|
104
106
|
.dataviews__view-actions,
|
|
105
107
|
.dataviews-filters__container {
|
|
106
108
|
box-sizing: border-box;
|
|
107
|
-
padding: 16px 24px;
|
|
109
|
+
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
108
110
|
flex-shrink: 0;
|
|
109
111
|
position: sticky;
|
|
110
112
|
left: 0;
|
|
@@ -119,7 +121,7 @@
|
|
|
119
121
|
|
|
120
122
|
.dataviews-no-results,
|
|
121
123
|
.dataviews-loading {
|
|
122
|
-
padding: 0 24px;
|
|
124
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px);
|
|
123
125
|
flex-grow: 1;
|
|
124
126
|
display: flex;
|
|
125
127
|
align-items: center;
|
|
@@ -158,13 +160,13 @@
|
|
|
158
160
|
@container (max-width: 430px) {
|
|
159
161
|
.dataviews__view-actions,
|
|
160
162
|
.dataviews-filters__container {
|
|
161
|
-
padding: 12px 24px;
|
|
163
|
+
padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
|
|
162
164
|
}
|
|
163
165
|
}
|
|
164
166
|
.dataviews-title-field {
|
|
165
|
-
font-size: 13px;
|
|
166
|
-
font-weight: 499;
|
|
167
|
-
color: #
|
|
167
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
168
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
169
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
168
170
|
text-overflow: ellipsis;
|
|
169
171
|
white-space: nowrap;
|
|
170
172
|
width: 100%;
|
|
@@ -176,10 +178,10 @@
|
|
|
176
178
|
overflow: hidden;
|
|
177
179
|
display: block;
|
|
178
180
|
flex-grow: 0;
|
|
179
|
-
color: #
|
|
181
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
180
182
|
}
|
|
181
183
|
.dataviews-title-field a:hover {
|
|
182
|
-
color: var(--wp-admin-theme-color);
|
|
184
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
183
185
|
}
|
|
184
186
|
.dataviews-title-field a:focus {
|
|
185
187
|
color: var(--wp-admin-theme-color--rgb);
|
|
@@ -194,18 +196,18 @@
|
|
|
194
196
|
overflow: hidden;
|
|
195
197
|
display: block;
|
|
196
198
|
width: 100%;
|
|
197
|
-
color: #1e1e1e;
|
|
199
|
+
color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
|
|
198
200
|
}
|
|
199
201
|
.dataviews-title-field button.components-button.is-link:hover {
|
|
200
|
-
color: var(--wp-admin-theme-color);
|
|
202
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
201
203
|
}
|
|
202
204
|
|
|
203
205
|
.dataviews-title-field--clickable {
|
|
204
206
|
cursor: var(--wpds-cursor-control, pointer);
|
|
205
|
-
color: #
|
|
207
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
206
208
|
}
|
|
207
209
|
.dataviews-title-field--clickable:hover {
|
|
208
|
-
color: var(--wp-admin-theme-color);
|
|
210
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
209
211
|
}
|
|
210
212
|
.dataviews-title-field--clickable:focus {
|
|
211
213
|
color: var(--wp-admin-theme-color--rgb);
|
|
@@ -220,13 +222,22 @@
|
|
|
220
222
|
background-color: #fff;
|
|
221
223
|
}
|
|
222
224
|
|
|
225
|
+
/**
|
|
226
|
+
* When DataViews are placed within cards, apply a consistent top padding.
|
|
227
|
+
*/
|
|
228
|
+
.components-card__body:has(> .dataviews-wrapper),
|
|
229
|
+
.components-card__body:has(> .dataviews-picker-wrapper) {
|
|
230
|
+
padding: var(--wpds-dimension-padding-sm, 8px) 0 0;
|
|
231
|
+
overflow: hidden;
|
|
232
|
+
}
|
|
233
|
+
|
|
223
234
|
.dataviews-bulk-actions-footer__item-count {
|
|
224
|
-
color: #1e1e1e;
|
|
235
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
225
236
|
}
|
|
226
237
|
|
|
227
238
|
.dataviews-bulk-actions-footer__container {
|
|
228
239
|
margin-right: auto;
|
|
229
|
-
min-height:
|
|
240
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
230
241
|
}
|
|
231
242
|
|
|
232
243
|
.dataviews-layout__container {
|
|
@@ -254,30 +265,30 @@
|
|
|
254
265
|
}
|
|
255
266
|
|
|
256
267
|
.dataviews-filters__summary-popover {
|
|
257
|
-
font-size: 13px;
|
|
258
|
-
line-height:
|
|
268
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
269
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
259
270
|
}
|
|
260
271
|
.dataviews-filters__summary-popover .components-popover__content {
|
|
261
272
|
width: 100%;
|
|
262
273
|
min-width: 230px;
|
|
263
274
|
max-width: 250px;
|
|
264
|
-
border-radius: 4px;
|
|
275
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
265
276
|
}
|
|
266
277
|
.dataviews-filters__summary-popover.components-dropdown__content .components-popover__content {
|
|
267
278
|
padding: 0;
|
|
268
279
|
}
|
|
269
280
|
|
|
270
281
|
.dataviews-filters__summary-operators-container {
|
|
271
|
-
padding: 8px 16px;
|
|
282
|
+
padding: var(--wpds-dimension-padding-sm, 8px) var(--wpds-dimension-padding-lg, 16px);
|
|
272
283
|
}
|
|
273
284
|
.dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-listbox), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__search-widget-no-elements), .dataviews-filters__summary-operators-container:has(+ .dataviews-filters__user-input-widget) {
|
|
274
|
-
border-bottom: 1px solid #
|
|
285
|
+
border-bottom: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
275
286
|
}
|
|
276
287
|
.dataviews-filters__summary-operators-container:empty {
|
|
277
288
|
display: none;
|
|
278
289
|
}
|
|
279
290
|
.dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
|
|
280
|
-
color: #
|
|
291
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
281
292
|
white-space: nowrap;
|
|
282
293
|
overflow: hidden;
|
|
283
294
|
text-overflow: ellipsis;
|
|
@@ -295,13 +306,12 @@
|
|
|
295
306
|
white-space: pre-wrap;
|
|
296
307
|
}
|
|
297
308
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
|
|
298
|
-
border-radius:
|
|
299
|
-
border: 1px solid
|
|
309
|
+
border-radius: var(--wpds-border-radius-lg, 8px);
|
|
310
|
+
border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
|
|
300
311
|
cursor: var(--wpds-cursor-control, pointer);
|
|
301
|
-
padding: 4px 12px;
|
|
302
|
-
min-height:
|
|
303
|
-
|
|
304
|
-
color: #2f2f2f;
|
|
312
|
+
padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
|
|
313
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
314
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
305
315
|
position: relative;
|
|
306
316
|
display: flex;
|
|
307
317
|
align-items: center;
|
|
@@ -311,34 +321,38 @@
|
|
|
311
321
|
cursor: default;
|
|
312
322
|
}
|
|
313
323
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
|
|
314
|
-
padding-inline-end:
|
|
324
|
+
padding-inline-end: calc(24px + var(--wpds-dimension-padding-xs, 4px));
|
|
315
325
|
}
|
|
316
326
|
.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] {
|
|
317
|
-
|
|
318
|
-
color: #
|
|
327
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
328
|
+
border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
|
|
329
|
+
background-color: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
|
|
319
330
|
}
|
|
320
331
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
|
|
321
|
-
color: var(--wp-admin-theme-color);
|
|
322
|
-
background:
|
|
332
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
333
|
+
background: var(--wpds-color-bg-interactive-brand-weak, #0000);
|
|
334
|
+
border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
323
335
|
}
|
|
324
|
-
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
|
|
325
|
-
|
|
336
|
+
.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] {
|
|
337
|
+
color: var(--wpds-color-fg-interactive-brand-active, var(--wp-admin-theme-color, #3858e9));
|
|
338
|
+
background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
339
|
+
border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
|
|
326
340
|
}
|
|
327
341
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
|
|
328
342
|
outline: none;
|
|
329
|
-
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
343
|
+
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));
|
|
330
344
|
}
|
|
331
345
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
|
|
332
|
-
font-weight: 499;
|
|
346
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
333
347
|
}
|
|
334
348
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
|
|
335
349
|
width: 24px;
|
|
336
350
|
height: 24px;
|
|
337
|
-
border-radius:
|
|
351
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
338
352
|
border: 0;
|
|
339
353
|
padding: 0;
|
|
340
354
|
position: absolute;
|
|
341
|
-
right: 4px;
|
|
355
|
+
right: var(--wpds-dimension-padding-xs, 4px);
|
|
342
356
|
top: 50%;
|
|
343
357
|
transform: translateY(-50%);
|
|
344
358
|
display: flex;
|
|
@@ -348,49 +362,49 @@
|
|
|
348
362
|
cursor: var(--wpds-cursor-control, pointer);
|
|
349
363
|
}
|
|
350
364
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
|
|
351
|
-
fill: #
|
|
365
|
+
fill: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
352
366
|
}
|
|
353
367
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
|
|
354
|
-
background: #
|
|
368
|
+
background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
|
|
355
369
|
}
|
|
356
370
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
|
|
357
|
-
fill: #1e1e1e;
|
|
371
|
+
fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
|
|
358
372
|
}
|
|
359
373
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
|
|
360
|
-
fill: var(--wp-admin-theme-color);
|
|
374
|
+
fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
361
375
|
}
|
|
362
376
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
|
|
363
|
-
background:
|
|
377
|
+
background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
364
378
|
}
|
|
365
379
|
.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
|
|
366
380
|
outline: none;
|
|
367
|
-
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
381
|
+
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));
|
|
368
382
|
}
|
|
369
383
|
|
|
370
384
|
.dataviews-filters__search-widget-filter-combobox-list {
|
|
371
|
-
max-height:
|
|
372
|
-
padding: 4px;
|
|
385
|
+
max-height: calc(var(--wpds-dimension-base, 4px) * 46);
|
|
386
|
+
padding: var(--wpds-dimension-padding-xs, 4px);
|
|
373
387
|
overflow: auto;
|
|
374
|
-
border-top: 1px solid #
|
|
388
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
375
389
|
}
|
|
376
390
|
.dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
|
|
377
391
|
font-weight: 600;
|
|
378
392
|
}
|
|
379
393
|
|
|
380
394
|
.dataviews-filters__search-widget-listbox {
|
|
381
|
-
padding: 4px;
|
|
395
|
+
padding: var(--wpds-dimension-padding-xs, 4px);
|
|
382
396
|
overflow: auto;
|
|
383
397
|
}
|
|
384
398
|
|
|
385
399
|
.dataviews-filters__search-widget-listitem {
|
|
386
400
|
display: flex;
|
|
387
401
|
align-items: center;
|
|
388
|
-
gap:
|
|
389
|
-
border-radius: 2px;
|
|
402
|
+
gap: var(--wpds-dimension-gap-md, 12px);
|
|
403
|
+
border-radius: var(--wpds-border-radius-sm, 2px);
|
|
390
404
|
box-sizing: border-box;
|
|
391
|
-
padding: 4px 12px;
|
|
405
|
+
padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
|
|
392
406
|
cursor: default;
|
|
393
|
-
min-height:
|
|
407
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
394
408
|
font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
395
409
|
font-weight: 400;
|
|
396
410
|
font-size: 13px;
|
|
@@ -400,26 +414,23 @@
|
|
|
400
414
|
margin-block-end: 0;
|
|
401
415
|
}
|
|
402
416
|
.dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
|
|
403
|
-
background-color: var(--wp-admin-theme-color);
|
|
404
|
-
color: #fff;
|
|
405
|
-
}
|
|
406
|
-
.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 {
|
|
407
|
-
color: #fff;
|
|
417
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
408
418
|
}
|
|
409
419
|
.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 {
|
|
410
|
-
border-color: var(--wp-admin-theme-color
|
|
411
|
-
background: #fff;
|
|
420
|
+
border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
|
|
421
|
+
background: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
412
422
|
}
|
|
413
423
|
.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 {
|
|
414
|
-
border-color: var(--wp-admin-theme-color
|
|
415
|
-
background: var(--wp-admin-theme-color
|
|
424
|
+
border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
|
|
425
|
+
background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
|
|
416
426
|
}
|
|
417
427
|
.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 {
|
|
418
|
-
border-color: var(--wp-admin-theme-color
|
|
428
|
+
border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
|
|
429
|
+
background: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
419
430
|
}
|
|
420
431
|
.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 {
|
|
421
|
-
border-color: var(--wp-admin-theme-color
|
|
422
|
-
background: var(--wp-admin-theme-color
|
|
432
|
+
border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
|
|
433
|
+
background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
|
|
423
434
|
}
|
|
424
435
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
|
|
425
436
|
overflow: hidden;
|
|
@@ -431,9 +442,9 @@
|
|
|
431
442
|
display: block;
|
|
432
443
|
overflow: hidden;
|
|
433
444
|
text-overflow: ellipsis;
|
|
434
|
-
font-size: 12px;
|
|
445
|
+
font-size: var(--wpds-typography-font-size-sm, 12px);
|
|
435
446
|
line-height: 16px;
|
|
436
|
-
color: #
|
|
447
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
437
448
|
}
|
|
438
449
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
|
|
439
450
|
border: 1px solid #1e1e1e;
|
|
@@ -490,8 +501,8 @@
|
|
|
490
501
|
padding: 0;
|
|
491
502
|
}
|
|
492
503
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
|
|
493
|
-
background: var(--wp-admin-theme-color, #3858e9);
|
|
494
|
-
border-color: var(--wp-admin-theme-color, #3858e9);
|
|
504
|
+
background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
|
|
505
|
+
border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
495
506
|
}
|
|
496
507
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
|
|
497
508
|
content: "";
|
|
@@ -504,8 +515,8 @@
|
|
|
504
515
|
left: 50%;
|
|
505
516
|
transform: translate(-50%, -50%);
|
|
506
517
|
margin: 0;
|
|
507
|
-
background-color: #fff;
|
|
508
|
-
border: 4px solid #fff;
|
|
518
|
+
background-color: var(--wpds-color-fg-interactive-brand-strong, #fff);
|
|
519
|
+
border: 4px solid var(--wpds-color-fg-interactive-brand-strong, #fff);
|
|
509
520
|
}
|
|
510
521
|
@media (min-width: 600px) {
|
|
511
522
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected::before {
|
|
@@ -597,8 +608,8 @@
|
|
|
597
608
|
}
|
|
598
609
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
|
|
599
610
|
position: relative;
|
|
600
|
-
background: #
|
|
601
|
-
color: #1e1e1e;
|
|
611
|
+
background: var(--wpds-color-bg-interactive-neutral-weak, #0000);
|
|
612
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
602
613
|
margin: 0;
|
|
603
614
|
padding: 0;
|
|
604
615
|
width: var(--checkbox-size);
|
|
@@ -615,12 +626,12 @@
|
|
|
615
626
|
}
|
|
616
627
|
}
|
|
617
628
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
|
|
618
|
-
background: var(--wp-admin-theme-color, #3858e9);
|
|
619
|
-
border-color: var(--wp-admin-theme-color, #3858e9);
|
|
629
|
+
background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
|
|
630
|
+
border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
620
631
|
}
|
|
621
632
|
.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
|
|
622
633
|
--checkmark-size: var(--checkbox-size);
|
|
623
|
-
fill: #
|
|
634
|
+
fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
|
|
624
635
|
position: absolute;
|
|
625
636
|
left: 50%;
|
|
626
637
|
top: 50%;
|
|
@@ -636,7 +647,7 @@
|
|
|
636
647
|
|
|
637
648
|
.dataviews-filters__search-widget-filter-combobox__wrapper {
|
|
638
649
|
position: relative;
|
|
639
|
-
padding: 8px;
|
|
650
|
+
padding: var(--wpds-dimension-padding-sm, 8px);
|
|
640
651
|
}
|
|
641
652
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
642
653
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
@@ -671,9 +682,9 @@
|
|
|
671
682
|
}
|
|
672
683
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
673
684
|
display: block;
|
|
674
|
-
padding: 0 8px 0
|
|
685
|
+
padding: 0 var(--wpds-dimension-padding-sm, 8px) 0 calc(var(--wpds-dimension-base, 4px) * 8);
|
|
675
686
|
width: 100%;
|
|
676
|
-
height:
|
|
687
|
+
height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
677
688
|
margin-left: 0;
|
|
678
689
|
margin-right: 0;
|
|
679
690
|
/* Fonts smaller than 16px causes mobile safari to zoom. */
|
|
@@ -681,22 +692,22 @@
|
|
|
681
692
|
}
|
|
682
693
|
@media (min-width: 600px) {
|
|
683
694
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
|
|
684
|
-
font-size: 13px;
|
|
695
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
685
696
|
}
|
|
686
697
|
}
|
|
687
698
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
|
|
688
|
-
background: #fff;
|
|
689
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
699
|
+
background: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
700
|
+
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));
|
|
690
701
|
}
|
|
691
702
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
|
|
692
|
-
color: #
|
|
703
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
693
704
|
}
|
|
694
705
|
.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 {
|
|
695
706
|
-webkit-appearance: none;
|
|
696
707
|
}
|
|
697
708
|
.dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon {
|
|
698
709
|
position: absolute;
|
|
699
|
-
inset-inline-start: 12px;
|
|
710
|
+
inset-inline-start: var(--wpds-dimension-gap-md, 12px);
|
|
700
711
|
top: 0;
|
|
701
712
|
bottom: 0;
|
|
702
713
|
display: flex;
|
|
@@ -718,16 +729,16 @@
|
|
|
718
729
|
top: 0;
|
|
719
730
|
right: 0;
|
|
720
731
|
transform: translate(50%, -50%);
|
|
721
|
-
background: var(--wp-admin-theme-color, #3858e9);
|
|
722
|
-
height:
|
|
723
|
-
min-width:
|
|
724
|
-
line-height: 16px;
|
|
725
|
-
padding: 0 4px;
|
|
732
|
+
background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
|
|
733
|
+
height: calc(var(--wpds-dimension-base, 4px) * 4);
|
|
734
|
+
min-width: calc(var(--wpds-dimension-base, 4px) * 4);
|
|
735
|
+
line-height: var(--wpds-typography-line-height-xs, 16px);
|
|
736
|
+
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
|
726
737
|
text-align: center;
|
|
727
|
-
border-radius: 8px;
|
|
738
|
+
border-radius: var(--wpds-border-radius-lg, 8px);
|
|
728
739
|
font-size: 11px;
|
|
729
|
-
outline: var(--wp-admin-border-width-focus) solid #fff;
|
|
730
|
-
color: #
|
|
740
|
+
outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
741
|
+
color: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
|
|
731
742
|
box-sizing: border-box;
|
|
732
743
|
}
|
|
733
744
|
|
|
@@ -736,17 +747,17 @@
|
|
|
736
747
|
}
|
|
737
748
|
|
|
738
749
|
.dataviews-filters__user-input-widget {
|
|
739
|
-
padding: 16px;
|
|
750
|
+
padding: var(--wpds-dimension-padding-lg, 16px);
|
|
740
751
|
}
|
|
741
752
|
.dataviews-filters__user-input-widget .components-input-control__prefix {
|
|
742
|
-
padding-left: 8px;
|
|
753
|
+
padding-left: var(--wpds-dimension-padding-sm, 8px);
|
|
743
754
|
}
|
|
744
755
|
|
|
745
756
|
.dataviews-filters__search-widget-no-elements {
|
|
746
757
|
display: flex;
|
|
747
758
|
align-items: center;
|
|
748
759
|
justify-content: center;
|
|
749
|
-
padding: 16px;
|
|
760
|
+
padding: var(--wpds-dimension-padding-lg, 16px);
|
|
750
761
|
}
|
|
751
762
|
|
|
752
763
|
.dataviews-footer {
|
|
@@ -754,8 +765,8 @@
|
|
|
754
765
|
bottom: 0;
|
|
755
766
|
left: 0;
|
|
756
767
|
background-color: inherit;
|
|
757
|
-
padding: 12px 24px;
|
|
758
|
-
border-top: 1px solid #
|
|
768
|
+
padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
|
|
769
|
+
border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
759
770
|
flex-shrink: 0;
|
|
760
771
|
}
|
|
761
772
|
@media not (prefers-reduced-motion) {
|
|
@@ -764,7 +775,7 @@
|
|
|
764
775
|
}
|
|
765
776
|
}
|
|
766
777
|
.dataviews-footer {
|
|
767
|
-
z-index:
|
|
778
|
+
z-index: 1;
|
|
768
779
|
}
|
|
769
780
|
.dataviews-footer .is-refreshing {
|
|
770
781
|
opacity: 0.5;
|
|
@@ -794,13 +805,13 @@
|
|
|
794
805
|
}
|
|
795
806
|
.dataviews-pagination__page-select {
|
|
796
807
|
font-size: 11px;
|
|
797
|
-
font-weight: 499;
|
|
808
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
798
809
|
text-transform: uppercase;
|
|
799
810
|
}
|
|
800
811
|
@media (min-width: 600px) {
|
|
801
812
|
.dataviews-pagination__page-select .components-select-control__input {
|
|
802
813
|
font-size: 11px !important;
|
|
803
|
-
font-weight: 499;
|
|
814
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
804
815
|
}
|
|
805
816
|
}
|
|
806
817
|
|
|
@@ -809,7 +820,7 @@
|
|
|
809
820
|
}
|
|
810
821
|
|
|
811
822
|
.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
|
|
812
|
-
padding: 0 4px;
|
|
823
|
+
padding: 0 var(--wpds-dimension-padding-xs, 4px);
|
|
813
824
|
}
|
|
814
825
|
|
|
815
826
|
.dataviews-selection-checkbox {
|
|
@@ -832,8 +843,8 @@
|
|
|
832
843
|
width: 320px;
|
|
833
844
|
/* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
|
|
834
845
|
container-type: inline-size;
|
|
835
|
-
font-size: 13px;
|
|
836
|
-
line-height:
|
|
846
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
847
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
837
848
|
}
|
|
838
849
|
|
|
839
850
|
.dataviews-config__popover.is-expanded .dataviews-config__popover-content-wrapper {
|
|
@@ -849,7 +860,7 @@
|
|
|
849
860
|
}
|
|
850
861
|
|
|
851
862
|
.dataviews-settings-section__title.dataviews-settings-section__title {
|
|
852
|
-
line-height: 24px;
|
|
863
|
+
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
853
864
|
font-size: 15px;
|
|
854
865
|
}
|
|
855
866
|
|
|
@@ -899,11 +910,11 @@
|
|
|
899
910
|
|
|
900
911
|
.dataviews-view-config__modified-indicator {
|
|
901
912
|
position: absolute;
|
|
902
|
-
top: 4px;
|
|
903
|
-
right: 4px;
|
|
904
|
-
width: 4px;
|
|
905
|
-
height: 4px;
|
|
906
|
-
background: var(--wp-admin-theme-color, #3858e9);
|
|
913
|
+
top: var(--wpds-dimension-gap-xs, 4px);
|
|
914
|
+
right: var(--wpds-dimension-gap-xs, 4px);
|
|
915
|
+
width: var(--wpds-dimension-gap-xs, 4px);
|
|
916
|
+
height: var(--wpds-dimension-gap-xs, 4px);
|
|
917
|
+
background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
|
|
907
918
|
border-radius: 50%;
|
|
908
919
|
pointer-events: none;
|
|
909
920
|
}
|
|
@@ -911,10 +922,10 @@
|
|
|
911
922
|
.dataviews-view-grid-items {
|
|
912
923
|
margin-bottom: auto;
|
|
913
924
|
display: grid;
|
|
914
|
-
gap: 24px;
|
|
925
|
+
gap: var(--wpds-dimension-gap-xl, 24px);
|
|
915
926
|
grid-template-rows: max-content;
|
|
916
927
|
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
|
|
917
|
-
padding: 0 24px 24px;
|
|
928
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px) var(--wpds-dimension-padding-2xl, 24px);
|
|
918
929
|
container-type: inline-size;
|
|
919
930
|
}
|
|
920
931
|
@media not (prefers-reduced-motion) {
|
|
@@ -923,17 +934,17 @@
|
|
|
923
934
|
}
|
|
924
935
|
}
|
|
925
936
|
.dataviews-view-grid-items.has-compact-density {
|
|
926
|
-
gap: 16px;
|
|
937
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
927
938
|
}
|
|
928
939
|
.dataviews-view-grid-items.has-comfortable-density {
|
|
929
|
-
gap: 32px;
|
|
940
|
+
gap: var(--wpds-dimension-gap-2xl, 32px);
|
|
930
941
|
}
|
|
931
942
|
|
|
932
943
|
.dataviews-view-grid {
|
|
933
|
-
padding: 0 24px 24px;
|
|
944
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px) var(--wpds-dimension-padding-2xl, 24px);
|
|
934
945
|
display: flex;
|
|
935
946
|
flex-direction: column;
|
|
936
|
-
gap: 24px;
|
|
947
|
+
gap: var(--wpds-dimension-gap-xl, 24px);
|
|
937
948
|
container-type: inline-size;
|
|
938
949
|
margin-bottom: auto;
|
|
939
950
|
}
|
|
@@ -943,23 +954,23 @@
|
|
|
943
954
|
}
|
|
944
955
|
}
|
|
945
956
|
.dataviews-view-grid.has-compact-density {
|
|
946
|
-
gap: 16px;
|
|
957
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
947
958
|
}
|
|
948
959
|
.dataviews-view-grid.has-compact-density .dataviews-view-grid__row {
|
|
949
|
-
gap: 16px;
|
|
960
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
950
961
|
}
|
|
951
962
|
.dataviews-view-grid.has-comfortable-density {
|
|
952
|
-
gap: 32px;
|
|
963
|
+
gap: var(--wpds-dimension-gap-2xl, 32px);
|
|
953
964
|
}
|
|
954
965
|
.dataviews-view-grid.has-comfortable-density .dataviews-view-grid__row {
|
|
955
|
-
gap: 32px;
|
|
966
|
+
gap: var(--wpds-dimension-gap-2xl, 32px);
|
|
956
967
|
}
|
|
957
968
|
.dataviews-view-grid .dataviews-view-grid__row {
|
|
958
969
|
display: grid;
|
|
959
|
-
gap: 24px;
|
|
970
|
+
gap: var(--wpds-dimension-gap-xl, 24px);
|
|
960
971
|
}
|
|
961
972
|
.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell {
|
|
962
|
-
border-radius: 4px;
|
|
973
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
963
974
|
position: relative;
|
|
964
975
|
}
|
|
965
976
|
.dataviews-view-grid .dataviews-view-grid__row .dataviews-view-grid__row__gridcell[data-focus-visible]::after {
|
|
@@ -969,8 +980,8 @@
|
|
|
969
980
|
left: 0;
|
|
970
981
|
width: 100%;
|
|
971
982
|
height: 100%;
|
|
972
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
973
|
-
border-radius: 4px;
|
|
983
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
984
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
974
985
|
pointer-events: none;
|
|
975
986
|
outline: 2px solid transparent;
|
|
976
987
|
}
|
|
@@ -980,14 +991,15 @@
|
|
|
980
991
|
height: 100%;
|
|
981
992
|
justify-content: flex-start;
|
|
982
993
|
position: relative;
|
|
994
|
+
isolation: isolate;
|
|
983
995
|
}
|
|
984
|
-
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title,
|
|
985
|
-
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title {
|
|
986
|
-
padding: 8px 0 4px;
|
|
996
|
+
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions,
|
|
997
|
+
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-actions {
|
|
998
|
+
padding: var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-padding-xs, 4px);
|
|
987
999
|
}
|
|
988
1000
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
|
|
989
1001
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
|
|
990
|
-
min-height:
|
|
1002
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
991
1003
|
overflow: hidden;
|
|
992
1004
|
align-content: center;
|
|
993
1005
|
text-align: start;
|
|
@@ -998,28 +1010,22 @@
|
|
|
998
1010
|
}
|
|
999
1011
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
|
|
1000
1012
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
|
|
1001
|
-
color: #1e1e1e;
|
|
1002
|
-
}
|
|
1003
|
-
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
|
|
1004
|
-
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
|
|
1005
|
-
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
|
|
1006
|
-
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
|
|
1007
|
-
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
1013
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1008
1014
|
}
|
|
1009
1015
|
.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
|
|
1010
1016
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
|
|
1011
|
-
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
1017
|
+
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);
|
|
1012
1018
|
}
|
|
1013
1019
|
.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
|
|
1014
1020
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
|
|
1015
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
1021
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1016
1022
|
}
|
|
1017
1023
|
.dataviews-view-grid .dataviews-view-grid__media,
|
|
1018
1024
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
|
|
1019
1025
|
width: 100%;
|
|
1020
1026
|
aspect-ratio: 1/1;
|
|
1021
|
-
background-color: #fff;
|
|
1022
|
-
border-radius: 4px;
|
|
1027
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
1028
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1023
1029
|
overflow: hidden;
|
|
1024
1030
|
position: relative;
|
|
1025
1031
|
}
|
|
@@ -1041,8 +1047,8 @@
|
|
|
1041
1047
|
left: 0;
|
|
1042
1048
|
width: 100%;
|
|
1043
1049
|
height: 100%;
|
|
1044
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1045
|
-
border-radius: 4px;
|
|
1050
|
+
box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
|
|
1051
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1046
1052
|
pointer-events: none;
|
|
1047
1053
|
}
|
|
1048
1054
|
.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder,
|
|
@@ -1050,9 +1056,9 @@
|
|
|
1050
1056
|
width: 100%;
|
|
1051
1057
|
height: 100%;
|
|
1052
1058
|
display: block;
|
|
1053
|
-
border-radius: 4px;
|
|
1059
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1054
1060
|
box-shadow: none;
|
|
1055
|
-
background: #
|
|
1061
|
+
background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
|
|
1056
1062
|
}
|
|
1057
1063
|
.dataviews-view-grid .dataviews-view-grid__fields,
|
|
1058
1064
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
|
|
@@ -1062,23 +1068,23 @@
|
|
|
1062
1068
|
}
|
|
1063
1069
|
.dataviews-view-grid .dataviews-view-grid__fields:not(:empty),
|
|
1064
1070
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields:not(:empty) {
|
|
1065
|
-
padding: 0 0 12px;
|
|
1071
|
+
padding: 0 0 var(--wpds-dimension-padding-md, 12px);
|
|
1066
1072
|
}
|
|
1067
1073
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
|
|
1068
1074
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
|
|
1069
|
-
min-height:
|
|
1070
|
-
line-height: 20px;
|
|
1071
|
-
padding-top:
|
|
1075
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1076
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
1077
|
+
padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
|
|
1072
1078
|
}
|
|
1073
1079
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
|
|
1074
1080
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
|
|
1075
|
-
min-height:
|
|
1081
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1076
1082
|
align-items: center;
|
|
1077
1083
|
}
|
|
1078
1084
|
.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
|
|
1079
1085
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
|
|
1080
1086
|
width: 35%;
|
|
1081
|
-
color: #
|
|
1087
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
1082
1088
|
overflow: hidden;
|
|
1083
1089
|
text-overflow: ellipsis;
|
|
1084
1090
|
white-space: nowrap;
|
|
@@ -1096,7 +1102,7 @@
|
|
|
1096
1102
|
}
|
|
1097
1103
|
.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty),
|
|
1098
1104
|
.dataviews-view-grid-infinite-scroll .dataviews-view-grid__badge-fields:not(:empty) {
|
|
1099
|
-
padding-bottom: 12px;
|
|
1105
|
+
padding-bottom: var(--wpds-dimension-padding-md, 12px);
|
|
1100
1106
|
}
|
|
1101
1107
|
.dataviews-view-grid.is-refreshing,
|
|
1102
1108
|
.dataviews-view-grid-infinite-scroll.is-refreshing {
|
|
@@ -1119,7 +1125,7 @@
|
|
|
1119
1125
|
.dataviews-view-grid__card .dataviews-selection-checkbox {
|
|
1120
1126
|
position: absolute;
|
|
1121
1127
|
top: -9999em;
|
|
1122
|
-
left: 8px;
|
|
1128
|
+
left: var(--wpds-dimension-padding-sm, 8px);
|
|
1123
1129
|
z-index: 1;
|
|
1124
1130
|
opacity: 0;
|
|
1125
1131
|
}
|
|
@@ -1131,7 +1137,7 @@
|
|
|
1131
1137
|
@media (hover: none) {
|
|
1132
1138
|
.dataviews-view-grid__card .dataviews-selection-checkbox {
|
|
1133
1139
|
opacity: 1;
|
|
1134
|
-
top: 8px;
|
|
1140
|
+
top: var(--wpds-dimension-padding-sm, 8px);
|
|
1135
1141
|
}
|
|
1136
1142
|
}
|
|
1137
1143
|
|
|
@@ -1139,18 +1145,18 @@
|
|
|
1139
1145
|
.dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
|
|
1140
1146
|
.dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
|
|
1141
1147
|
opacity: 1;
|
|
1142
|
-
top: 8px;
|
|
1148
|
+
top: var(--wpds-dimension-padding-sm, 8px);
|
|
1143
1149
|
}
|
|
1144
1150
|
|
|
1145
1151
|
.dataviews-view-grid__card .dataviews-view-grid__media-actions {
|
|
1146
1152
|
position: absolute;
|
|
1147
1153
|
z-index: 1;
|
|
1148
|
-
top: 4px;
|
|
1154
|
+
top: var(--wpds-dimension-padding-xs, 4px);
|
|
1149
1155
|
opacity: 0;
|
|
1150
|
-
right: 4px;
|
|
1156
|
+
right: var(--wpds-dimension-padding-xs, 4px);
|
|
1151
1157
|
}
|
|
1152
1158
|
.dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
|
|
1153
|
-
background-color: #fff;
|
|
1159
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
1154
1160
|
}
|
|
1155
1161
|
@media not (prefers-reduced-motion) {
|
|
1156
1162
|
.dataviews-view-grid__card .dataviews-view-grid__media-actions {
|
|
@@ -1160,7 +1166,7 @@
|
|
|
1160
1166
|
@media (hover: none) {
|
|
1161
1167
|
.dataviews-view-grid__card .dataviews-view-grid__media-actions {
|
|
1162
1168
|
opacity: 1;
|
|
1163
|
-
top: 4px;
|
|
1169
|
+
top: var(--wpds-dimension-padding-xs, 4px);
|
|
1164
1170
|
}
|
|
1165
1171
|
}
|
|
1166
1172
|
|
|
@@ -1175,11 +1181,11 @@
|
|
|
1175
1181
|
}
|
|
1176
1182
|
|
|
1177
1183
|
.dataviews-view-grid__group-header {
|
|
1178
|
-
font-size: 15px;
|
|
1179
|
-
font-weight: 499;
|
|
1180
|
-
color: #1e1e1e;
|
|
1181
|
-
margin: 0 0 8px 0;
|
|
1182
|
-
padding: 0 24px;
|
|
1184
|
+
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
1185
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1186
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1187
|
+
margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
|
|
1188
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px);
|
|
1183
1189
|
container-type: inline-size;
|
|
1184
1190
|
}
|
|
1185
1191
|
|
|
@@ -1193,12 +1199,12 @@ div.dataviews-view-list {
|
|
|
1193
1199
|
.dataviews-view-list div[role=row],
|
|
1194
1200
|
.dataviews-view-list div[role=article] {
|
|
1195
1201
|
margin: 0;
|
|
1196
|
-
border-top: 1px solid #
|
|
1202
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
1197
1203
|
}
|
|
1198
1204
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
|
|
1199
1205
|
.dataviews-view-list div[role=article] .dataviews-view-list__item-wrapper {
|
|
1200
1206
|
position: relative;
|
|
1201
|
-
padding: 16px 24px;
|
|
1207
|
+
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
|
|
1202
1208
|
box-sizing: border-box;
|
|
1203
1209
|
}
|
|
1204
1210
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
|
|
@@ -1206,7 +1212,7 @@ div.dataviews-view-list {
|
|
|
1206
1212
|
display: flex;
|
|
1207
1213
|
width: max-content;
|
|
1208
1214
|
flex: 0 0 auto;
|
|
1209
|
-
gap: 4px;
|
|
1215
|
+
gap: var(--wpds-dimension-gap-xs, 4px);
|
|
1210
1216
|
white-space: nowrap;
|
|
1211
1217
|
}
|
|
1212
1218
|
.dataviews-view-list div[role=row] .dataviews-view-list__item-actions .components-button,
|
|
@@ -1240,29 +1246,19 @@ div.dataviews-view-list {
|
|
|
1240
1246
|
}
|
|
1241
1247
|
.dataviews-view-list div[role=row].is-selected.is-selected,
|
|
1242
1248
|
.dataviews-view-list div[role=article].is-selected.is-selected {
|
|
1243
|
-
border-top: 1px solid
|
|
1249
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
|
|
1244
1250
|
}
|
|
1245
1251
|
.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],
|
|
1246
1252
|
.dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
|
|
1247
1253
|
.dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
|
|
1248
|
-
border-top: 1px solid
|
|
1254
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
|
|
1249
1255
|
}
|
|
1250
1256
|
.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,
|
|
1251
1257
|
.dataviews-view-list div[role=article]:not(.is-selected):hover,
|
|
1252
1258
|
.dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
|
|
1253
1259
|
.dataviews-view-list div[role=article]:not(.is-selected):focus-within {
|
|
1254
|
-
color: var(--wp-admin-theme-color);
|
|
1255
|
-
background-color:
|
|
1256
|
-
border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
1257
|
-
}
|
|
1258
|
-
.dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):hover + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected).is-hovered + div[role=article], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=row], .dataviews-view-list div[role=row]:not(.is-selected):focus-within + div[role=article],
|
|
1259
|
-
.dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=row],
|
|
1260
|
-
.dataviews-view-list div[role=article]:not(.is-selected):hover + div[role=article],
|
|
1261
|
-
.dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=row],
|
|
1262
|
-
.dataviews-view-list div[role=article]:not(.is-selected).is-hovered + div[role=article],
|
|
1263
|
-
.dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=row],
|
|
1264
|
-
.dataviews-view-list div[role=article]:not(.is-selected):focus-within + div[role=article] {
|
|
1265
|
-
border-top: 1px solid rgba(var(--wp-admin-theme-color--rgb), 0.12);
|
|
1260
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1261
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak, #0000);
|
|
1266
1262
|
}
|
|
1267
1263
|
.dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
|
|
1268
1264
|
.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,
|
|
@@ -1274,14 +1270,14 @@ div.dataviews-view-list {
|
|
|
1274
1270
|
.dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
|
|
1275
1271
|
.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
|
|
1276
1272
|
.dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
|
|
1277
|
-
color: var(--wp-admin-theme-color);
|
|
1273
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1278
1274
|
}
|
|
1279
1275
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
|
|
1280
1276
|
.dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
|
|
1281
1277
|
.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
|
|
1282
1278
|
.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
|
|
1283
|
-
background-color:
|
|
1284
|
-
color: #1e1e1e;
|
|
1279
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1280
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
1285
1281
|
}
|
|
1286
1282
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
|
|
1287
1283
|
.dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
|
|
@@ -1291,13 +1287,13 @@ div.dataviews-view-list {
|
|
|
1291
1287
|
.dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
|
|
1292
1288
|
.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
|
|
1293
1289
|
.dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
|
|
1294
|
-
color: #1e1e1e;
|
|
1290
|
+
color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
|
|
1295
1291
|
}
|
|
1296
1292
|
.dataviews-view-list .dataviews-view-list__item {
|
|
1297
1293
|
position: absolute;
|
|
1298
1294
|
z-index: 1;
|
|
1299
1295
|
inset: 0;
|
|
1300
|
-
scroll-margin: 8px 0;
|
|
1296
|
+
scroll-margin: var(--wpds-dimension-gap-sm, 8px) 0;
|
|
1301
1297
|
appearance: none;
|
|
1302
1298
|
border: none;
|
|
1303
1299
|
background: none;
|
|
@@ -1311,27 +1307,27 @@ div.dataviews-view-list {
|
|
|
1311
1307
|
position: absolute;
|
|
1312
1308
|
content: "";
|
|
1313
1309
|
inset: var(--wp-admin-border-width-focus);
|
|
1314
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
1315
|
-
border-radius: 2px;
|
|
1310
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1311
|
+
border-radius: var(--wpds-border-radius-sm, 2px);
|
|
1316
1312
|
outline: 2px solid transparent;
|
|
1317
1313
|
}
|
|
1318
1314
|
.dataviews-view-list .dataviews-view-list__title-field {
|
|
1319
1315
|
flex: 1;
|
|
1320
|
-
min-height:
|
|
1321
|
-
line-height: 24px;
|
|
1316
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1317
|
+
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
1322
1318
|
overflow: hidden;
|
|
1323
1319
|
}
|
|
1324
1320
|
.dataviews-view-list .dataviews-view-list__title-field:has(a, button) {
|
|
1325
1321
|
z-index: 1;
|
|
1326
1322
|
}
|
|
1327
1323
|
.dataviews-view-list .dataviews-view-list__media-wrapper {
|
|
1328
|
-
width:
|
|
1329
|
-
height:
|
|
1324
|
+
width: calc(var(--wpds-dimension-base, 4px) * 13);
|
|
1325
|
+
height: calc(var(--wpds-dimension-base, 4px) * 13);
|
|
1330
1326
|
overflow: hidden;
|
|
1331
1327
|
position: relative;
|
|
1332
1328
|
flex-shrink: 0;
|
|
1333
|
-
background-color: #fff;
|
|
1334
|
-
border-radius: 4px;
|
|
1329
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
1330
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1335
1331
|
}
|
|
1336
1332
|
.dataviews-view-list .dataviews-view-list__media-wrapper img {
|
|
1337
1333
|
width: 100%;
|
|
@@ -1345,20 +1341,21 @@ div.dataviews-view-list {
|
|
|
1345
1341
|
left: 0;
|
|
1346
1342
|
width: 100%;
|
|
1347
1343
|
height: 100%;
|
|
1348
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1349
|
-
border-radius: 4px;
|
|
1344
|
+
box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
|
|
1345
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1350
1346
|
}
|
|
1351
1347
|
.dataviews-view-list .dataviews-view-list__field-wrapper {
|
|
1348
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 13);
|
|
1352
1349
|
flex-grow: 1;
|
|
1353
1350
|
min-width: 0;
|
|
1354
1351
|
}
|
|
1355
1352
|
.dataviews-view-list .dataviews-view-list__field {
|
|
1356
|
-
color: #
|
|
1353
|
+
color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
|
|
1357
1354
|
}
|
|
1358
1355
|
.dataviews-view-list .dataviews-view-list__fields {
|
|
1359
1356
|
display: flex;
|
|
1360
|
-
gap: 12px;
|
|
1361
|
-
row-gap: 4px;
|
|
1357
|
+
gap: var(--wpds-dimension-gap-md, 12px);
|
|
1358
|
+
row-gap: var(--wpds-dimension-gap-xs, 4px);
|
|
1362
1359
|
flex-wrap: wrap;
|
|
1363
1360
|
font-size: 12px;
|
|
1364
1361
|
}
|
|
@@ -1369,8 +1366,8 @@ div.dataviews-view-list {
|
|
|
1369
1366
|
display: none;
|
|
1370
1367
|
}
|
|
1371
1368
|
.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
|
|
1372
|
-
min-height:
|
|
1373
|
-
line-height: 20px;
|
|
1369
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1370
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
1374
1371
|
display: flex;
|
|
1375
1372
|
align-items: center;
|
|
1376
1373
|
}
|
|
@@ -1378,42 +1375,48 @@ div.dataviews-view-list {
|
|
|
1378
1375
|
justify-content: space-between;
|
|
1379
1376
|
}
|
|
1380
1377
|
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper {
|
|
1381
|
-
padding: 8px 24px;
|
|
1378
|
+
padding: var(--wpds-dimension-padding-sm, 8px) var(--wpds-dimension-padding-2xl, 24px);
|
|
1382
1379
|
}
|
|
1383
1380
|
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
|
|
1384
|
-
min-height:
|
|
1385
|
-
line-height: 16px;
|
|
1381
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 4);
|
|
1382
|
+
line-height: var(--wpds-typography-line-height-xs, 16px);
|
|
1386
1383
|
}
|
|
1387
1384
|
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
|
|
1388
|
-
width:
|
|
1389
|
-
height:
|
|
1385
|
+
width: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1386
|
+
height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1387
|
+
}
|
|
1388
|
+
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
|
|
1389
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1390
1390
|
}
|
|
1391
1391
|
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
|
|
1392
|
-
gap: 8px;
|
|
1393
|
-
row-gap: 4px;
|
|
1392
|
+
gap: var(--wpds-dimension-gap-sm, 8px);
|
|
1393
|
+
row-gap: var(--wpds-dimension-gap-xs, 4px);
|
|
1394
1394
|
}
|
|
1395
1395
|
.dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
|
|
1396
|
-
min-height:
|
|
1397
|
-
line-height: 16px;
|
|
1396
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 4);
|
|
1397
|
+
line-height: var(--wpds-typography-line-height-xs, 16px);
|
|
1398
1398
|
}
|
|
1399
1399
|
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
|
|
1400
|
-
padding: 24px 24px;
|
|
1400
|
+
padding: var(--wpds-dimension-padding-2xl, 24px) var(--wpds-dimension-padding-2xl, 24px);
|
|
1401
1401
|
}
|
|
1402
1402
|
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
|
|
1403
|
-
min-height:
|
|
1404
|
-
line-height: 32px;
|
|
1403
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1404
|
+
line-height: var(--wpds-typography-line-height-xl, 32px);
|
|
1405
1405
|
}
|
|
1406
1406
|
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
|
|
1407
|
-
width:
|
|
1408
|
-
height:
|
|
1407
|
+
width: calc(var(--wpds-dimension-base, 4px) * 16);
|
|
1408
|
+
height: calc(var(--wpds-dimension-base, 4px) * 16);
|
|
1409
|
+
}
|
|
1410
|
+
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
|
|
1411
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 16);
|
|
1409
1412
|
}
|
|
1410
1413
|
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
|
|
1411
|
-
gap: 16px;
|
|
1412
|
-
row-gap: 8px;
|
|
1414
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
1415
|
+
row-gap: var(--wpds-dimension-gap-sm, 8px);
|
|
1413
1416
|
}
|
|
1414
1417
|
.dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
|
|
1415
|
-
min-height:
|
|
1416
|
-
line-height: 24px;
|
|
1418
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1419
|
+
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
1417
1420
|
}
|
|
1418
1421
|
.dataviews-view-list.is-refreshing {
|
|
1419
1422
|
opacity: 0.5;
|
|
@@ -1427,11 +1430,11 @@ div.dataviews-view-list {
|
|
|
1427
1430
|
}
|
|
1428
1431
|
|
|
1429
1432
|
.dataviews-view-list__group-header {
|
|
1430
|
-
font-size: 15px;
|
|
1431
|
-
font-weight: 499;
|
|
1432
|
-
color: #1e1e1e;
|
|
1433
|
-
margin: 0 0 8px 0;
|
|
1434
|
-
padding: 0 24px;
|
|
1433
|
+
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
1434
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1435
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1436
|
+
margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
|
|
1437
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px);
|
|
1435
1438
|
}
|
|
1436
1439
|
|
|
1437
1440
|
.dataviews-view-table {
|
|
@@ -1440,19 +1443,19 @@ div.dataviews-view-list {
|
|
|
1440
1443
|
border-color: inherit;
|
|
1441
1444
|
border-collapse: collapse;
|
|
1442
1445
|
position: relative;
|
|
1443
|
-
color: #
|
|
1446
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
1444
1447
|
margin-bottom: auto;
|
|
1445
1448
|
background-color: inherit;
|
|
1446
1449
|
}
|
|
1447
1450
|
.dataviews-view-table th {
|
|
1448
1451
|
text-align: left;
|
|
1449
|
-
color: #1e1e1e;
|
|
1452
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1450
1453
|
font-weight: normal;
|
|
1451
|
-
font-size: 13px;
|
|
1454
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
1452
1455
|
}
|
|
1453
1456
|
.dataviews-view-table td,
|
|
1454
1457
|
.dataviews-view-table th {
|
|
1455
|
-
padding: 12px;
|
|
1458
|
+
padding: var(--wpds-dimension-padding-md, 12px);
|
|
1456
1459
|
}
|
|
1457
1460
|
.dataviews-view-table td.dataviews-view-table__actions-column,
|
|
1458
1461
|
.dataviews-view-table th.dataviews-view-table__actions-column {
|
|
@@ -1462,7 +1465,7 @@ div.dataviews-view-list {
|
|
|
1462
1465
|
.dataviews-view-table th.dataviews-view-table__actions-column--sticky {
|
|
1463
1466
|
position: sticky;
|
|
1464
1467
|
right: 0;
|
|
1465
|
-
background-color: var(--wp-dataviews-color-background, #fff);
|
|
1468
|
+
background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
|
|
1466
1469
|
}
|
|
1467
1470
|
.dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
|
|
1468
1471
|
.dataviews-view-table th.dataviews-view-table__actions-column--stuck::after {
|
|
@@ -1473,7 +1476,7 @@ div.dataviews-view-list {
|
|
|
1473
1476
|
bottom: 0;
|
|
1474
1477
|
left: 0;
|
|
1475
1478
|
width: 1px;
|
|
1476
|
-
background-color: #
|
|
1479
|
+
background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
|
|
1477
1480
|
}
|
|
1478
1481
|
.dataviews-view-table td.dataviews-view-table__checkbox-column,
|
|
1479
1482
|
.dataviews-view-table th.dataviews-view-table__checkbox-column {
|
|
@@ -1485,16 +1488,16 @@ div.dataviews-view-list {
|
|
|
1485
1488
|
min-width: auto;
|
|
1486
1489
|
}
|
|
1487
1490
|
.dataviews-view-table tr {
|
|
1488
|
-
border-top: 1px solid #
|
|
1491
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
1489
1492
|
background-color: inherit;
|
|
1490
1493
|
}
|
|
1491
1494
|
.dataviews-view-table tr td:first-child,
|
|
1492
1495
|
.dataviews-view-table tr th:first-child {
|
|
1493
|
-
padding-left: 24px;
|
|
1496
|
+
padding-left: var(--wpds-dimension-padding-2xl, 24px);
|
|
1494
1497
|
}
|
|
1495
1498
|
.dataviews-view-table tr td:last-child,
|
|
1496
1499
|
.dataviews-view-table tr th:last-child {
|
|
1497
|
-
padding-right: 24px;
|
|
1500
|
+
padding-right: var(--wpds-dimension-padding-2xl, 24px);
|
|
1498
1501
|
}
|
|
1499
1502
|
.dataviews-view-table tr:last-child {
|
|
1500
1503
|
border-bottom: 0;
|
|
@@ -1508,23 +1511,23 @@ div.dataviews-view-list {
|
|
|
1508
1511
|
}
|
|
1509
1512
|
}
|
|
1510
1513
|
.dataviews-view-table tr.is-selected {
|
|
1511
|
-
background-color: color-mix(in
|
|
1512
|
-
color: #
|
|
1514
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1515
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1513
1516
|
}
|
|
1514
1517
|
.dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
|
|
1515
|
-
border-top: 1px solid
|
|
1518
|
+
border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
|
|
1516
1519
|
}
|
|
1517
1520
|
.dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
|
|
1518
|
-
background-color: color-mix(in
|
|
1521
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1519
1522
|
}
|
|
1520
1523
|
.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) {
|
|
1521
1524
|
opacity: 1;
|
|
1522
1525
|
}
|
|
1523
1526
|
.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 {
|
|
1524
|
-
background-color: var(--wp-dataviews-color-background, #fff);
|
|
1527
|
+
background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
|
|
1525
1528
|
}
|
|
1526
1529
|
.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 {
|
|
1527
|
-
background-color: color-mix(in
|
|
1530
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1528
1531
|
}
|
|
1529
1532
|
.dataviews-view-table thead {
|
|
1530
1533
|
position: sticky;
|
|
@@ -1540,37 +1543,37 @@ div.dataviews-view-list {
|
|
|
1540
1543
|
left: 0;
|
|
1541
1544
|
right: 0;
|
|
1542
1545
|
height: 1px;
|
|
1543
|
-
background-color: #
|
|
1546
|
+
background-color: var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
|
|
1544
1547
|
}
|
|
1545
1548
|
.dataviews-view-table thead tr {
|
|
1546
1549
|
border: 0;
|
|
1547
1550
|
}
|
|
1548
1551
|
.dataviews-view-table thead th {
|
|
1549
1552
|
background-color: inherit;
|
|
1550
|
-
padding-top: 8px;
|
|
1551
|
-
padding-bottom: 8px;
|
|
1553
|
+
padding-top: var(--wpds-dimension-padding-sm, 8px);
|
|
1554
|
+
padding-bottom: var(--wpds-dimension-padding-sm, 8px);
|
|
1552
1555
|
font-size: 11px;
|
|
1553
1556
|
text-transform: uppercase;
|
|
1554
|
-
font-weight: 499;
|
|
1557
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1555
1558
|
}
|
|
1556
1559
|
.dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
|
|
1557
|
-
padding-left: 4px;
|
|
1558
|
-
padding-right: 4px;
|
|
1560
|
+
padding-left: var(--wpds-dimension-padding-xs, 4px);
|
|
1561
|
+
padding-right: var(--wpds-dimension-padding-xs, 4px);
|
|
1559
1562
|
}
|
|
1560
1563
|
.dataviews-view-table thead th:has(.dataviews-view-table-header-button) .dataviews-view-table-header-button {
|
|
1561
|
-
gap: 4px;
|
|
1564
|
+
gap: var(--wpds-dimension-gap-xs, 4px);
|
|
1562
1565
|
}
|
|
1563
1566
|
.dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
|
|
1564
|
-
padding-left: 16px;
|
|
1567
|
+
padding-left: var(--wpds-dimension-padding-lg, 16px);
|
|
1565
1568
|
}
|
|
1566
1569
|
.dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
|
|
1567
|
-
padding-right: 16px;
|
|
1570
|
+
padding-right: var(--wpds-dimension-padding-lg, 16px);
|
|
1568
1571
|
}
|
|
1569
1572
|
.dataviews-view-table tbody td {
|
|
1570
1573
|
vertical-align: top;
|
|
1571
1574
|
}
|
|
1572
1575
|
.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
|
|
1573
|
-
min-height:
|
|
1576
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1574
1577
|
display: flex;
|
|
1575
1578
|
align-items: center;
|
|
1576
1579
|
white-space: nowrap;
|
|
@@ -1586,13 +1589,13 @@ div.dataviews-view-list {
|
|
|
1586
1589
|
min-height: 0;
|
|
1587
1590
|
}
|
|
1588
1591
|
.dataviews-view-table .dataviews-view-table-header-button {
|
|
1589
|
-
padding: 4px 8px;
|
|
1592
|
+
padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
|
|
1590
1593
|
font-size: 11px;
|
|
1591
1594
|
text-transform: uppercase;
|
|
1592
|
-
font-weight: 499;
|
|
1595
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1593
1596
|
}
|
|
1594
1597
|
.dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
|
|
1595
|
-
color: #1e1e1e;
|
|
1598
|
+
color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
|
|
1596
1599
|
}
|
|
1597
1600
|
.dataviews-view-table .dataviews-view-table-header-button span {
|
|
1598
1601
|
speak: none;
|
|
@@ -1601,7 +1604,7 @@ div.dataviews-view-list {
|
|
|
1601
1604
|
display: none;
|
|
1602
1605
|
}
|
|
1603
1606
|
.dataviews-view-table .dataviews-view-table-header {
|
|
1604
|
-
padding-left: 4px;
|
|
1607
|
+
padding-left: var(--wpds-dimension-padding-xs, 4px);
|
|
1605
1608
|
}
|
|
1606
1609
|
.dataviews-view-table .dataviews-view-table__actions-column {
|
|
1607
1610
|
width: auto;
|
|
@@ -1615,11 +1618,11 @@ div.dataviews-view-list {
|
|
|
1615
1618
|
}
|
|
1616
1619
|
.dataviews-view-table.has-compact-density td,
|
|
1617
1620
|
.dataviews-view-table.has-compact-density th {
|
|
1618
|
-
padding: 4px 8px;
|
|
1621
|
+
padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
|
|
1619
1622
|
}
|
|
1620
1623
|
.dataviews-view-table.has-comfortable-density td,
|
|
1621
1624
|
.dataviews-view-table.has-comfortable-density th {
|
|
1622
|
-
padding: 16px 12px;
|
|
1625
|
+
padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-md, 12px);
|
|
1623
1626
|
}
|
|
1624
1627
|
.dataviews-view-table.has-compact-density td.dataviews-view-table__checkbox-column,
|
|
1625
1628
|
.dataviews-view-table.has-compact-density th.dataviews-view-table__checkbox-column, .dataviews-view-table.has-comfortable-density td.dataviews-view-table__checkbox-column,
|
|
@@ -1638,17 +1641,17 @@ div.dataviews-view-list {
|
|
|
1638
1641
|
|
|
1639
1642
|
.dataviews-column-primary__media {
|
|
1640
1643
|
max-width: 60px;
|
|
1641
|
-
min-width:
|
|
1642
|
-
min-height:
|
|
1644
|
+
min-width: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1645
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1643
1646
|
overflow: hidden;
|
|
1644
1647
|
position: relative;
|
|
1645
1648
|
flex-shrink: 0;
|
|
1646
|
-
background-color: #fff;
|
|
1647
|
-
border-radius: 4px;
|
|
1649
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
1650
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1648
1651
|
}
|
|
1649
1652
|
.dataviews-column-primary__media img {
|
|
1650
|
-
width:
|
|
1651
|
-
height:
|
|
1653
|
+
width: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1654
|
+
height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1652
1655
|
object-fit: cover;
|
|
1653
1656
|
}
|
|
1654
1657
|
.dataviews-column-primary__media::after {
|
|
@@ -1658,8 +1661,8 @@ div.dataviews-view-list {
|
|
|
1658
1661
|
left: 0;
|
|
1659
1662
|
width: 100%;
|
|
1660
1663
|
height: 100%;
|
|
1661
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1662
|
-
border-radius: 4px;
|
|
1664
|
+
box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
|
|
1665
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1663
1666
|
}
|
|
1664
1667
|
|
|
1665
1668
|
.dataviews-view-table__cell-content-wrapper:not(.dataviews-column-primary__media),
|
|
@@ -1669,9 +1672,9 @@ div.dataviews-view-list {
|
|
|
1669
1672
|
}
|
|
1670
1673
|
|
|
1671
1674
|
.dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
|
|
1672
|
-
font-weight: 499;
|
|
1673
|
-
padding: 12px 24px;
|
|
1674
|
-
color: #1e1e1e;
|
|
1675
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1676
|
+
padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
|
|
1677
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1675
1678
|
}
|
|
1676
1679
|
|
|
1677
1680
|
/* Column width intents via colgroup: make non-primary columns shrink-to-fit */
|
|
@@ -1691,21 +1694,22 @@ div.dataviews-view-list {
|
|
|
1691
1694
|
}
|
|
1692
1695
|
|
|
1693
1696
|
.dataviews-view-picker-grid.has-compact-density .dataviews-view-grid-items {
|
|
1694
|
-
gap: 16px;
|
|
1697
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
1695
1698
|
}
|
|
1696
1699
|
.dataviews-view-picker-grid.has-comfortable-density .dataviews-view-grid-items {
|
|
1697
|
-
gap: 32px;
|
|
1700
|
+
gap: var(--wpds-dimension-gap-2xl, 32px);
|
|
1698
1701
|
}
|
|
1699
1702
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__card {
|
|
1700
1703
|
height: 100%;
|
|
1701
1704
|
justify-content: flex-start;
|
|
1702
1705
|
position: relative;
|
|
1706
|
+
isolation: isolate;
|
|
1703
1707
|
}
|
|
1704
1708
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-actions {
|
|
1705
|
-
padding: 8px 0 4px;
|
|
1709
|
+
padding: var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-padding-xs, 4px);
|
|
1706
1710
|
}
|
|
1707
1711
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
|
|
1708
|
-
min-height:
|
|
1712
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1709
1713
|
overflow: hidden;
|
|
1710
1714
|
align-content: center;
|
|
1711
1715
|
text-align: start;
|
|
@@ -1714,26 +1718,22 @@ div.dataviews-view-list {
|
|
|
1714
1718
|
width: fit-content;
|
|
1715
1719
|
}
|
|
1716
1720
|
.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 {
|
|
1717
|
-
color: #1e1e1e;
|
|
1718
|
-
}
|
|
1719
|
-
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after,
|
|
1720
|
-
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1721
|
-
background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
|
1721
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1722
1722
|
}
|
|
1723
1723
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
|
|
1724
|
-
box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
|
|
1724
|
+
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);
|
|
1725
1725
|
}
|
|
1726
1726
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
|
|
1727
|
-
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
1727
|
+
box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1728
1728
|
}
|
|
1729
1729
|
.dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
|
|
1730
1730
|
outline: none;
|
|
1731
1731
|
}
|
|
1732
1732
|
.dataviews-view-picker-grid:focus-visible [data-active-item=true] {
|
|
1733
|
-
outline: 2px solid var(--wp-admin-theme-color);
|
|
1733
|
+
outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1734
1734
|
}
|
|
1735
1735
|
.dataviews-view-picker-grid .dataviews-selection-checkbox {
|
|
1736
|
-
top: 8px !important;
|
|
1736
|
+
top: var(--wpds-dimension-padding-sm, 8px) !important;
|
|
1737
1737
|
}
|
|
1738
1738
|
.dataviews-view-picker-grid .dataviews-selection-checkbox input {
|
|
1739
1739
|
pointer-events: none;
|
|
@@ -1742,8 +1742,8 @@ div.dataviews-view-list {
|
|
|
1742
1742
|
width: 100%;
|
|
1743
1743
|
aspect-ratio: 1/1;
|
|
1744
1744
|
min-height: 0;
|
|
1745
|
-
background-color: #fff;
|
|
1746
|
-
border-radius: 4px;
|
|
1745
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
1746
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1747
1747
|
position: relative;
|
|
1748
1748
|
}
|
|
1749
1749
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
|
|
@@ -1758,8 +1758,8 @@ div.dataviews-view-list {
|
|
|
1758
1758
|
left: 0;
|
|
1759
1759
|
width: 100%;
|
|
1760
1760
|
height: 100%;
|
|
1761
|
-
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
|
|
1762
|
-
border-radius: 4px;
|
|
1761
|
+
box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) rgba(0, 0, 0, 0.1);
|
|
1762
|
+
border-radius: var(--wpds-border-radius-md, 4px);
|
|
1763
1763
|
pointer-events: none;
|
|
1764
1764
|
}
|
|
1765
1765
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields {
|
|
@@ -1768,20 +1768,20 @@ div.dataviews-view-list {
|
|
|
1768
1768
|
line-height: 16px;
|
|
1769
1769
|
}
|
|
1770
1770
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields:not(:empty) {
|
|
1771
|
-
padding: 0 0 12px;
|
|
1771
|
+
padding: 0 0 var(--wpds-dimension-padding-md, 12px);
|
|
1772
1772
|
}
|
|
1773
1773
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
|
|
1774
|
-
min-height:
|
|
1775
|
-
line-height: 20px;
|
|
1776
|
-
padding-top:
|
|
1774
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1775
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
1776
|
+
padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
|
|
1777
1777
|
}
|
|
1778
1778
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
|
|
1779
|
-
min-height:
|
|
1779
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1780
1780
|
align-items: center;
|
|
1781
1781
|
}
|
|
1782
1782
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
|
|
1783
1783
|
width: 35%;
|
|
1784
|
-
color: #
|
|
1784
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
1785
1785
|
overflow: hidden;
|
|
1786
1786
|
text-overflow: ellipsis;
|
|
1787
1787
|
white-space: nowrap;
|
|
@@ -1796,7 +1796,7 @@ div.dataviews-view-list {
|
|
|
1796
1796
|
display: none;
|
|
1797
1797
|
}
|
|
1798
1798
|
.dataviews-view-picker-grid .dataviews-view-picker-grid__badge-fields:not(:empty) {
|
|
1799
|
-
padding-bottom: 12px;
|
|
1799
|
+
padding-bottom: var(--wpds-dimension-padding-md, 12px);
|
|
1800
1800
|
}
|
|
1801
1801
|
|
|
1802
1802
|
.dataviews-view-picker-grid__field-value:empty,
|
|
@@ -1807,19 +1807,19 @@ div.dataviews-view-list {
|
|
|
1807
1807
|
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1808
1808
|
position: absolute;
|
|
1809
1809
|
top: -9999em;
|
|
1810
|
-
left: 8px;
|
|
1810
|
+
left: var(--wpds-dimension-padding-sm, 8px);
|
|
1811
1811
|
z-index: 1;
|
|
1812
1812
|
}
|
|
1813
1813
|
@media (hover: none) {
|
|
1814
1814
|
.dataviews-view-picker-grid__card .dataviews-selection-checkbox {
|
|
1815
|
-
top: 8px;
|
|
1815
|
+
top: var(--wpds-dimension-padding-sm, 8px);
|
|
1816
1816
|
}
|
|
1817
1817
|
}
|
|
1818
1818
|
|
|
1819
1819
|
.dataviews-view-picker-grid__card:hover .dataviews-selection-checkbox,
|
|
1820
1820
|
.dataviews-view-picker-grid__card:focus-within .dataviews-selection-checkbox,
|
|
1821
1821
|
.dataviews-view-picker-grid__card.is-selected .dataviews-selection-checkbox {
|
|
1822
|
-
top: 8px;
|
|
1822
|
+
top: var(--wpds-dimension-padding-sm, 8px);
|
|
1823
1823
|
}
|
|
1824
1824
|
|
|
1825
1825
|
.dataviews-view-picker-grid__media--clickable {
|
|
@@ -1827,24 +1827,24 @@ div.dataviews-view-list {
|
|
|
1827
1827
|
}
|
|
1828
1828
|
|
|
1829
1829
|
.dataviews-view-picker-grid-group__header {
|
|
1830
|
-
font-size: 15px;
|
|
1831
|
-
font-weight: 499;
|
|
1832
|
-
color: #1e1e1e;
|
|
1833
|
-
margin: 0 0 8px 0;
|
|
1834
|
-
padding: 0
|
|
1830
|
+
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
1831
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1832
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
1833
|
+
margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
|
|
1834
|
+
padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
|
|
1835
1835
|
}
|
|
1836
1836
|
|
|
1837
1837
|
.dataviews-view-picker-table {
|
|
1838
1838
|
background-color: inherit;
|
|
1839
1839
|
}
|
|
1840
1840
|
.dataviews-view-picker-table .dataviews-view-table__checkbox-column {
|
|
1841
|
-
width:
|
|
1841
|
+
width: calc(var(--wpds-dimension-base, 4px) * 12);
|
|
1842
1842
|
}
|
|
1843
1843
|
.dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
|
|
1844
1844
|
outline: none;
|
|
1845
1845
|
}
|
|
1846
1846
|
.dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
|
|
1847
|
-
outline: 2px solid var(--wp-admin-theme-color);
|
|
1847
|
+
outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1848
1848
|
}
|
|
1849
1849
|
.dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
|
|
1850
1850
|
pointer-events: none;
|
|
@@ -1854,28 +1854,28 @@ div.dataviews-view-list {
|
|
|
1854
1854
|
cursor: var(--wpds-cursor-control, pointer);
|
|
1855
1855
|
}
|
|
1856
1856
|
.dataviews-view-picker-table .dataviews-view-table__row.is-selected {
|
|
1857
|
-
background-color:
|
|
1857
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1858
1858
|
}
|
|
1859
1859
|
.dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
|
|
1860
|
-
background-color:
|
|
1860
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1861
1861
|
}
|
|
1862
1862
|
.dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
|
|
1863
|
-
background-color:
|
|
1863
|
+
background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
|
|
1864
1864
|
}
|
|
1865
1865
|
|
|
1866
1866
|
.dataviews-view-activity {
|
|
1867
1867
|
margin: 0 0 auto;
|
|
1868
|
-
padding: 0 24px;
|
|
1868
|
+
padding: 0 var(--wpds-dimension-padding-2xl, 24px);
|
|
1869
1869
|
}
|
|
1870
1870
|
.dataviews-view-activity .dataviews-view-activity__group-header {
|
|
1871
|
-
font-size: 15px;
|
|
1872
|
-
font-weight: 499;
|
|
1873
|
-
color: #
|
|
1874
|
-
margin: 0 0 8px 0;
|
|
1871
|
+
font-size: var(--wpds-typography-font-size-lg, 15px);
|
|
1872
|
+
font-weight: var(--wpds-typography-font-weight-medium, 499);
|
|
1873
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
1874
|
+
margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
|
|
1875
1875
|
padding: 0;
|
|
1876
1876
|
}
|
|
1877
1877
|
.dataviews-view-activity .dataviews-view-activity__item-actions {
|
|
1878
|
-
min-width:
|
|
1878
|
+
min-width: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1879
1879
|
}
|
|
1880
1880
|
.dataviews-view-activity .dataviews-view-activity__item-content {
|
|
1881
1881
|
flex-grow: 1;
|
|
@@ -1883,7 +1883,7 @@ div.dataviews-view-list {
|
|
|
1883
1883
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
|
|
1884
1884
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
|
|
1885
1885
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
|
|
1886
|
-
min-height:
|
|
1886
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 4);
|
|
1887
1887
|
}
|
|
1888
1888
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
|
|
1889
1889
|
position: relative;
|
|
@@ -1896,9 +1896,9 @@ div.dataviews-view-list {
|
|
|
1896
1896
|
cursor: var(--wpds-cursor-control, pointer);
|
|
1897
1897
|
}
|
|
1898
1898
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
|
|
1899
|
-
outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
|
|
1899
|
+
outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
|
|
1900
1900
|
outline-offset: var(--wp-admin-border-width-focus);
|
|
1901
|
-
border-radius: 2px;
|
|
1901
|
+
border-radius: var(--wpds-border-radius-sm, 2px);
|
|
1902
1902
|
}
|
|
1903
1903
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
|
|
1904
1904
|
display: flex;
|
|
@@ -1910,10 +1910,10 @@ div.dataviews-view-list {
|
|
|
1910
1910
|
z-index: 1;
|
|
1911
1911
|
}
|
|
1912
1912
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
|
|
1913
|
-
color: #
|
|
1913
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
1914
1914
|
display: flex;
|
|
1915
|
-
gap: 12px;
|
|
1916
|
-
row-gap: 4px;
|
|
1915
|
+
gap: var(--wpds-dimension-gap-md, 12px);
|
|
1916
|
+
row-gap: var(--wpds-dimension-gap-xs, 4px);
|
|
1917
1917
|
flex-wrap: wrap;
|
|
1918
1918
|
}
|
|
1919
1919
|
.dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields:empty {
|
|
@@ -1935,59 +1935,59 @@ div.dataviews-view-list {
|
|
|
1935
1935
|
flex: 1 1 auto;
|
|
1936
1936
|
width: 1px;
|
|
1937
1937
|
margin: 0 auto;
|
|
1938
|
-
background-color: #
|
|
1938
|
+
background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
1939
1939
|
}
|
|
1940
1940
|
.dataviews-view-activity .dataviews-view-activity__item-type::before {
|
|
1941
1941
|
content: "";
|
|
1942
1942
|
flex: 0 0 auto;
|
|
1943
1943
|
width: 1px;
|
|
1944
1944
|
margin: 0 auto;
|
|
1945
|
-
background-color: #
|
|
1945
|
+
background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
1946
1946
|
}
|
|
1947
1947
|
.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
|
|
1948
|
-
width: 12px;
|
|
1948
|
+
width: var(--wpds-dimension-padding-md, 12px);
|
|
1949
1949
|
}
|
|
1950
1950
|
.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
|
|
1951
|
-
height:
|
|
1951
|
+
height: calc(var(--wpds-dimension-base, 4px) * 3);
|
|
1952
1952
|
}
|
|
1953
1953
|
.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
|
|
1954
|
-
width:
|
|
1955
|
-
height:
|
|
1954
|
+
width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
|
|
1955
|
+
height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
|
|
1956
1956
|
}
|
|
1957
1957
|
.dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
|
|
1958
|
-
margin: 12px 0;
|
|
1958
|
+
margin: var(--wpds-dimension-gap-md, 12px) 0;
|
|
1959
1959
|
}
|
|
1960
1960
|
.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
|
|
1961
|
-
width:
|
|
1961
|
+
width: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
1962
1962
|
}
|
|
1963
1963
|
.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
|
|
1964
|
-
height:
|
|
1964
|
+
height: calc(var(--wpds-dimension-base, 4px) * 3);
|
|
1965
1965
|
}
|
|
1966
1966
|
.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
|
|
1967
|
-
width:
|
|
1968
|
-
height:
|
|
1967
|
+
width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
|
|
1968
|
+
height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
|
|
1969
1969
|
}
|
|
1970
1970
|
.dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
|
|
1971
|
-
margin: 12px 0;
|
|
1972
|
-
padding-top: 8px;
|
|
1971
|
+
margin: var(--wpds-dimension-gap-md, 12px) 0;
|
|
1972
|
+
padding-top: var(--wpds-dimension-padding-sm, 8px);
|
|
1973
1973
|
}
|
|
1974
1974
|
.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
|
|
1975
|
-
width:
|
|
1975
|
+
width: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
1976
1976
|
}
|
|
1977
1977
|
.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
|
|
1978
|
-
height:
|
|
1978
|
+
height: calc(var(--wpds-dimension-base, 4px) * 2);
|
|
1979
1979
|
}
|
|
1980
1980
|
.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
|
|
1981
|
-
width:
|
|
1982
|
-
height:
|
|
1981
|
+
width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
|
|
1982
|
+
height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
|
|
1983
1983
|
}
|
|
1984
1984
|
.dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
|
|
1985
|
-
margin: 8px 0 16px;
|
|
1986
|
-
padding-top: 12px;
|
|
1985
|
+
margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
|
|
1986
|
+
padding-top: var(--wpds-dimension-padding-md, 12px);
|
|
1987
1987
|
}
|
|
1988
1988
|
.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 {
|
|
1989
|
-
width:
|
|
1990
|
-
height:
|
|
1989
|
+
width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
|
|
1990
|
+
height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
|
|
1991
1991
|
position: relative;
|
|
1992
1992
|
top: 50%;
|
|
1993
1993
|
transform: translateY(-50%);
|
|
@@ -1996,12 +1996,12 @@ div.dataviews-view-list {
|
|
|
1996
1996
|
visibility: hidden;
|
|
1997
1997
|
}
|
|
1998
1998
|
.dataviews-view-activity .dataviews-view-activity__group:last-of-type > .dataviews-view-activity__item:last-of-type .dataviews-view-activity__item-type::after, .dataviews-view-activity > .dataviews-view-activity__item:last-child .dataviews-view-activity__item-type::after {
|
|
1999
|
-
background: linear-gradient(to bottom, #
|
|
1999
|
+
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%);
|
|
2000
2000
|
}
|
|
2001
2001
|
.dataviews-view-activity .dataviews-view-activity__item-type-icon {
|
|
2002
2002
|
overflow: hidden;
|
|
2003
2003
|
flex-shrink: 0;
|
|
2004
|
-
background-color: #fff;
|
|
2004
|
+
background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
|
|
2005
2005
|
}
|
|
2006
2006
|
.dataviews-view-activity .dataviews-view-activity__item-type-icon img,
|
|
2007
2007
|
.dataviews-view-activity .dataviews-view-activity__item-type-icon svg,
|
|
@@ -2013,14 +2013,14 @@ div.dataviews-view-list {
|
|
|
2013
2013
|
object-fit: cover;
|
|
2014
2014
|
border-radius: 50%;
|
|
2015
2015
|
box-sizing: border-box;
|
|
2016
|
-
box-shadow: inset 0 0 0 1px #
|
|
2016
|
+
box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
2017
2017
|
}
|
|
2018
2018
|
.dataviews-view-activity .dataviews-view-activity__item-type-icon svg {
|
|
2019
|
-
padding: 4px;
|
|
2019
|
+
padding: var(--wpds-dimension-padding-xs, 4px);
|
|
2020
2020
|
}
|
|
2021
2021
|
.dataviews-view-activity .dataviews-view-activity__item-type-icon .dataviews-view-activity__item-bullet {
|
|
2022
2022
|
content: "";
|
|
2023
|
-
background-color: #
|
|
2023
|
+
background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
2024
2024
|
}
|
|
2025
2025
|
.dataviews-view-activity.is-refreshing {
|
|
2026
2026
|
opacity: 0.5;
|
|
@@ -2038,7 +2038,7 @@ div.dataviews-view-list {
|
|
|
2038
2038
|
|
|
2039
2039
|
.dataviews-picker-footer__bulk-selection {
|
|
2040
2040
|
align-self: flex-start;
|
|
2041
|
-
height:
|
|
2041
|
+
height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
2042
2042
|
}
|
|
2043
2043
|
|
|
2044
2044
|
.dataviews-picker-footer__actions {
|
|
@@ -2070,10 +2070,10 @@ div.dataviews-view-list {
|
|
|
2070
2070
|
}
|
|
2071
2071
|
|
|
2072
2072
|
.dataviews-controls__date-preset {
|
|
2073
|
-
border: 1px solid #
|
|
2073
|
+
border: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
|
|
2074
2074
|
}
|
|
2075
2075
|
.dataviews-controls__date-preset:active {
|
|
2076
|
-
background-color: #
|
|
2076
|
+
background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
|
|
2077
2077
|
}
|
|
2078
2078
|
|
|
2079
2079
|
.dataforms-layouts-panel__field-trigger {
|
|
@@ -2081,10 +2081,10 @@ div.dataviews-view-list {
|
|
|
2081
2081
|
color: inherit;
|
|
2082
2082
|
display: flex;
|
|
2083
2083
|
width: 100%;
|
|
2084
|
-
min-height:
|
|
2084
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
2085
2085
|
cursor: var(--wpds-cursor-control, pointer);
|
|
2086
2086
|
align-items: flex-start;
|
|
2087
|
-
border-radius: 2px;
|
|
2087
|
+
border-radius: var(--wpds-border-radius-sm, 2px);
|
|
2088
2088
|
isolation: isolate;
|
|
2089
2089
|
}
|
|
2090
2090
|
.dataforms-layouts-panel__field-trigger--label-side {
|
|
@@ -2099,19 +2099,19 @@ div.dataviews-view-list {
|
|
|
2099
2099
|
align-items: center;
|
|
2100
2100
|
}
|
|
2101
2101
|
.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
|
|
2102
|
-
color: var(--wp-admin-theme-color);
|
|
2102
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
2103
2103
|
}
|
|
2104
2104
|
.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
|
|
2105
2105
|
opacity: 1;
|
|
2106
2106
|
}
|
|
2107
2107
|
.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
|
|
2108
|
-
color: var(--wp-admin-theme-color);
|
|
2108
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
2109
2109
|
}
|
|
2110
2110
|
.dataforms-layouts-panel__field-trigger.is-disabled {
|
|
2111
2111
|
cursor: default;
|
|
2112
2112
|
}
|
|
2113
2113
|
.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
|
|
2114
|
-
color: #
|
|
2114
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
2115
2115
|
font-weight: var(--wpds-typography-font-weight-regular, 400);
|
|
2116
2116
|
}
|
|
2117
2117
|
|
|
@@ -2120,19 +2120,19 @@ div.dataviews-view-list {
|
|
|
2120
2120
|
fill: currentColor;
|
|
2121
2121
|
}
|
|
2122
2122
|
.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 {
|
|
2123
|
-
fill: var(--wp-admin-theme-color);
|
|
2123
|
+
fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
2124
2124
|
}
|
|
2125
2125
|
|
|
2126
2126
|
.dataforms-layouts-panel__field-trigger-icon {
|
|
2127
2127
|
padding: 0;
|
|
2128
|
-
color: var(--wp-admin-theme-color);
|
|
2128
|
+
color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
|
|
2129
2129
|
flex: 0 0 auto;
|
|
2130
2130
|
opacity: 0;
|
|
2131
2131
|
border-radius: var(--wpds-border-radius-xs, 1px);
|
|
2132
2132
|
}
|
|
2133
2133
|
.dataforms-layouts-panel__field-trigger-icon:focus-visible {
|
|
2134
2134
|
opacity: 1;
|
|
2135
|
-
outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wp-admin-theme-color);
|
|
2135
|
+
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));
|
|
2136
2136
|
}
|
|
2137
2137
|
|
|
2138
2138
|
.dataforms-layouts-panel__field-dropdown-anchor {
|
|
@@ -2145,12 +2145,12 @@ div.dataviews-view-list {
|
|
|
2145
2145
|
.dataforms-layouts-panel__field-label {
|
|
2146
2146
|
width: 38%;
|
|
2147
2147
|
flex-shrink: 0;
|
|
2148
|
-
min-height:
|
|
2148
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
2149
2149
|
display: flex;
|
|
2150
2150
|
align-items: center;
|
|
2151
|
-
line-height: 20px;
|
|
2151
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
2152
2152
|
hyphens: auto;
|
|
2153
|
-
color: #
|
|
2153
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
2154
2154
|
}
|
|
2155
2155
|
.dataforms-layouts-panel__field-label .components-base-control__label {
|
|
2156
2156
|
display: inline;
|
|
@@ -2158,18 +2158,18 @@ div.dataviews-view-list {
|
|
|
2158
2158
|
line-height: inherit;
|
|
2159
2159
|
}
|
|
2160
2160
|
.dataforms-layouts-panel__field-label.has-error {
|
|
2161
|
-
color: #cc1818;
|
|
2161
|
+
color: var(--wpds-color-fg-content-error-weak, #cc1818);
|
|
2162
2162
|
}
|
|
2163
2163
|
|
|
2164
2164
|
.dataforms-layouts-panel__field-label-error-content {
|
|
2165
2165
|
position: relative;
|
|
2166
2166
|
z-index: 1;
|
|
2167
2167
|
cursor: help;
|
|
2168
|
-
fill: #cc1818;
|
|
2168
|
+
fill: var(--wpds-color-fg-content-error-weak, #cc1818);
|
|
2169
2169
|
display: inline-flex;
|
|
2170
2170
|
flex-direction: row;
|
|
2171
2171
|
align-items: center;
|
|
2172
|
-
gap: 4px;
|
|
2172
|
+
gap: var(--wpds-dimension-gap-xs, 4px);
|
|
2173
2173
|
}
|
|
2174
2174
|
.dataforms-layouts-panel__field-label-error-content svg {
|
|
2175
2175
|
fill: currentColor;
|
|
@@ -2178,7 +2178,7 @@ div.dataviews-view-list {
|
|
|
2178
2178
|
.dataforms-layouts-panel__field-control {
|
|
2179
2179
|
flex-grow: 1;
|
|
2180
2180
|
min-width: 0;
|
|
2181
|
-
min-height:
|
|
2181
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
2182
2182
|
line-height: var(--wpds-typography-line-height-md, 24px);
|
|
2183
2183
|
display: flex;
|
|
2184
2184
|
align-items: center;
|
|
@@ -2189,6 +2189,20 @@ div.dataviews-view-list {
|
|
|
2189
2189
|
.dataforms-layouts-panel__field-control > * {
|
|
2190
2190
|
min-width: 0;
|
|
2191
2191
|
}
|
|
2192
|
+
.dataforms-layouts-panel__field-control .components-button {
|
|
2193
|
+
max-width: 100%;
|
|
2194
|
+
text-align: left;
|
|
2195
|
+
white-space: normal;
|
|
2196
|
+
text-wrap: balance;
|
|
2197
|
+
text-wrap: pretty;
|
|
2198
|
+
min-height: 32px;
|
|
2199
|
+
}
|
|
2200
|
+
.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
|
|
2201
|
+
text-decoration: none;
|
|
2202
|
+
}
|
|
2203
|
+
.dataforms-layouts-panel__field-control .components-dropdown {
|
|
2204
|
+
max-width: 100%;
|
|
2205
|
+
}
|
|
2192
2206
|
|
|
2193
2207
|
.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
|
|
2194
2208
|
width: 100%;
|
|
@@ -2204,41 +2218,45 @@ div.dataviews-view-list {
|
|
|
2204
2218
|
}
|
|
2205
2219
|
|
|
2206
2220
|
.dataforms-layouts-panel__field-dropdown .components-popover__content {
|
|
2207
|
-
min-width:
|
|
2208
|
-
padding: 16px;
|
|
2221
|
+
min-width: 320px;
|
|
2222
|
+
padding: var(--wpds-dimension-padding-lg, 16px);
|
|
2209
2223
|
}
|
|
2210
2224
|
|
|
2211
2225
|
.dataforms-layouts-panel__dropdown-header {
|
|
2212
|
-
margin-bottom: 16px;
|
|
2226
|
+
margin-bottom: var(--wpds-dimension-gap-lg, 16px);
|
|
2213
2227
|
}
|
|
2214
2228
|
|
|
2215
2229
|
.dataforms-layouts-panel__modal-footer {
|
|
2216
|
-
margin-top: 16px;
|
|
2230
|
+
margin-top: var(--wpds-dimension-gap-lg, 16px);
|
|
2217
2231
|
}
|
|
2218
2232
|
|
|
2219
2233
|
.components-popover.components-dropdown__content.dataforms-layouts-panel__field-dropdown {
|
|
2220
2234
|
z-index: 159990;
|
|
2221
2235
|
}
|
|
2222
2236
|
|
|
2237
|
+
.dataforms-layouts-panel__summary-button:empty {
|
|
2238
|
+
min-width: 160px;
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2223
2241
|
.dataforms-layouts-regular__field {
|
|
2224
2242
|
width: 100%;
|
|
2225
|
-
min-height:
|
|
2243
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
2226
2244
|
justify-content: flex-start !important;
|
|
2227
2245
|
align-items: flex-start !important;
|
|
2228
2246
|
}
|
|
2229
2247
|
.dataforms-layouts-regular__field .components-base-control__label,
|
|
2230
2248
|
.dataforms-layouts-regular__field .components-input-control__label,
|
|
2231
2249
|
.dataforms-layouts-regular__field .components-form-token-field__label {
|
|
2232
|
-
color: #1e1e1e;
|
|
2250
|
+
color: var(--wpds-color-fg-content-neutral, #1e1e1e);
|
|
2233
2251
|
}
|
|
2234
2252
|
|
|
2235
2253
|
.dataforms-layouts-regular__field-label {
|
|
2236
2254
|
width: 38%;
|
|
2237
2255
|
flex-shrink: 0;
|
|
2238
|
-
min-height:
|
|
2256
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
2239
2257
|
display: flex;
|
|
2240
2258
|
align-items: center;
|
|
2241
|
-
line-height: 20px;
|
|
2259
|
+
line-height: var(--wpds-typography-line-height-sm, 20px);
|
|
2242
2260
|
hyphens: auto;
|
|
2243
2261
|
}
|
|
2244
2262
|
.dataforms-layouts-regular__field-label--label-position-side {
|
|
@@ -2250,7 +2268,7 @@ div.dataviews-view-list {
|
|
|
2250
2268
|
|
|
2251
2269
|
.dataforms-layouts-regular__field-control {
|
|
2252
2270
|
flex-grow: 1;
|
|
2253
|
-
min-height:
|
|
2271
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 8);
|
|
2254
2272
|
display: flex;
|
|
2255
2273
|
align-items: center;
|
|
2256
2274
|
}
|
|
@@ -2268,26 +2286,26 @@ div.dataviews-view-list {
|
|
|
2268
2286
|
}
|
|
2269
2287
|
|
|
2270
2288
|
.dataforms-layouts-card__field-description {
|
|
2271
|
-
color: #
|
|
2289
|
+
color: var(--wpds-color-fg-content-neutral-weak, #707070);
|
|
2272
2290
|
display: block;
|
|
2273
|
-
font-size: 13px;
|
|
2274
|
-
margin-bottom: 16px;
|
|
2291
|
+
font-size: var(--wpds-typography-font-size-md, 13px);
|
|
2292
|
+
margin-bottom: var(--wpds-dimension-gap-lg, 16px);
|
|
2275
2293
|
}
|
|
2276
2294
|
|
|
2277
2295
|
.dataforms-layouts-card__field-summary {
|
|
2278
2296
|
display: flex;
|
|
2279
2297
|
flex-direction: row;
|
|
2280
|
-
gap: 16px;
|
|
2298
|
+
gap: var(--wpds-dimension-gap-lg, 16px);
|
|
2281
2299
|
align-items: center;
|
|
2282
2300
|
}
|
|
2283
2301
|
|
|
2284
2302
|
.dataforms-layouts-details__summary-content {
|
|
2285
2303
|
display: inline-flex;
|
|
2286
|
-
min-height:
|
|
2304
|
+
min-height: calc(var(--wpds-dimension-base, 4px) * 6);
|
|
2287
2305
|
}
|
|
2288
2306
|
|
|
2289
2307
|
.dataforms-layouts-details__content {
|
|
2290
|
-
padding-top: 12px;
|
|
2308
|
+
padding-top: var(--wpds-dimension-padding-md, 12px);
|
|
2291
2309
|
}
|
|
2292
2310
|
|
|
2293
2311
|
.dataforms-layouts-row__field-control {
|