@wordpress/dataviews 13.1.1-next.v.202603161435.0 → 14.1.0

package/build-style/style-rtl.css

@@ -201,7 +201,7 @@
 }
 
 .dataviews-title-field--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   color: #2f2f2f;
 }
 .dataviews-title-field--clickable:hover {
@@ -213,13 +213,11 @@
   border-radius: 2px;
 }
 
-/**
- * When DataViews are placed within cards, apply a consistent top padding.
- */
-.components-card__body:has(> .dataviews-wrapper),
-.components-card__body:has(> .dataviews-picker-wrapper) {
-  padding: 8px 0 0;
-  overflow: hidden;
+.dataviews__view-actions--infinite-scroll {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
 }
 
 .dataviews-bulk-actions-footer__item-count {
@@ -299,7 +297,7 @@
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
   border-radius: 16px;
   border: 1px solid transparent;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   padding: 4px 12px;
   min-height: 32px;
   background: #f0f0f0;
@@ -347,7 +345,7 @@
   align-items: center;
   justify-content: center;
   background: transparent;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
   fill: #757575;
@@ -976,37 +974,48 @@
   pointer-events: none;
   outline: 2px solid transparent;
 }
-.dataviews-view-grid .dataviews-view-grid__card {
+
+.dataviews-view-grid .dataviews-view-grid__card,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card {
   height: 100%;
   justify-content: flex-start;
   position: relative;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title {
   padding: 8px 0 4px;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
   min-height: 24px;
   overflow: hidden;
   align-content: center;
   text-align: start;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: fit-content;
 }
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 }
-.dataviews-view-grid .dataviews-view-grid__media {
+.dataviews-view-grid .dataviews-view-grid__media,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
   width: 100%;
   aspect-ratio: 1/1;
   background-color: #fff;
@@ -1014,15 +1023,18 @@
   overflow: hidden;
   position: relative;
 }
-.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
+.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
   aspect-ratio: 3/1;
 }
-.dataviews-view-grid .dataviews-view-grid__media img {
+.dataviews-view-grid .dataviews-view-grid__media img,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
   object-fit: cover;
   width: 100%;
   height: 100%;
 }
-.dataviews-view-grid .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media::after {
   content: "";
   position: absolute;
   top: 0;
@@ -1033,7 +1045,8 @@
   border-radius: 4px;
   pointer-events: none;
 }
-.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
+.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
   width: 100%;
   height: 100%;
   display: block;
@@ -1041,48 +1054,58 @@
   box-shadow: none;
   background: #f0f0f0;
 }
-.dataviews-view-grid .dataviews-view-grid__fields {
+.dataviews-view-grid .dataviews-view-grid__fields,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
   line-height: 16px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields:not(:empty) {
   padding: 0 0 12px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
   min-height: 24px;
   line-height: 20px;
   padding-top: 2px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
   min-height: 24px;
   align-items: center;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
   width: 35%;
   color: #757575;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   width: 65%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
   display: none;
 }
-.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__badge-fields:not(:empty) {
   padding-bottom: 12px;
 }
-.dataviews-view-grid.is-refreshing {
+.dataviews-view-grid.is-refreshing,
+.dataviews-view-grid-infinite-scroll.is-refreshing {
   opacity: 0.5;
   pointer-events: none;
 }
 @media not (prefers-reduced-motion) {
-  .dataviews-view-grid.is-refreshing {
+  .dataviews-view-grid.is-refreshing,
+  .dataviews-view-grid-infinite-scroll.is-refreshing {
     opacity: 1;
     animation: dataviews-pulse 1s ease-in-out infinite;
   }
@@ -1148,7 +1171,7 @@
 }
 
 .dataviews-view-grid__media--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .dataviews-view-grid__group-header {
@@ -1279,7 +1302,7 @@ div.dataviews-view-list {
   border: none;
   background: none;
   padding: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-list .dataviews-view-list__item:focus-visible {
   outline: none;
@@ -1800,7 +1823,7 @@ div.dataviews-view-list {
 }
 
 .dataviews-view-picker-grid__media--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .dataviews-view-picker-grid-group__header {
@@ -1828,7 +1851,7 @@ div.dataviews-view-list {
   opacity: 1;
 }
 .dataviews-view-picker-table .dataviews-view-table__row {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
@@ -1842,7 +1865,7 @@ div.dataviews-view-list {
 
 .dataviews-view-activity {
   margin: 0 0 auto;
-  padding: 8px 24px;
+  padding: 0 24px;
 }
 .dataviews-view-activity .dataviews-view-activity__group-header {
   font-size: 15px;
@@ -1870,7 +1893,7 @@ div.dataviews-view-list {
   overflow: hidden;
 }
 .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
   outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
@@ -1922,7 +1945,7 @@ div.dataviews-view-list {
   background-color: #ddd;
 }
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
-  width: 8px;
+  width: 12px;
 }
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
   height: 12px;
@@ -2059,7 +2082,7 @@ div.dataviews-view-list {
   display: flex;
   width: 100%;
   min-height: 24px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   align-items: flex-start;
   border-radius: 2px;
   isolation: isolate;
@@ -2089,7 +2112,7 @@ div.dataviews-view-list {
 }
 .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
   color: #757575;
-  font-weight: var(--wpds-font-weight-regular, 400);
+  font-weight: var(--wpds-typography-font-weight-regular, 400);
 }
 
 .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
@@ -2128,7 +2151,6 @@ div.dataviews-view-list {
   line-height: 20px;
   hyphens: auto;
   color: #757575;
-  text-transform: capitalize;
 }
 .dataforms-layouts-panel__field-label .components-base-control__label {
   display: inline;
@@ -2157,12 +2179,12 @@ div.dataviews-view-list {
   flex-grow: 1;
   min-width: 0;
   min-height: 24px;
-  line-height: var(--wpds-font-line-height-md, 24px);
+  line-height: var(--wpds-typography-line-height-md, 24px);
   display: flex;
   align-items: center;
   overflow: hidden;
   word-break: break-word;
-  font-weight: var(--wpds-font-weight-medium, 499);
+  font-weight: var(--wpds-typography-font-weight-medium, 499);
 }
 .dataforms-layouts-panel__field-control > * {
   min-width: 0;
@@ -2233,17 +2255,18 @@ div.dataviews-view-list {
   align-items: center;
 }
 
-.dataforms-layouts-card__field-header-label {
-  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-weight: 499;
-  font-size: 15px;
-  line-height: 20px;
-}
-
 .dataforms-layouts-card__field {
   width: 100%;
 }
 
+.dataforms-layouts-card__field-header-content {
+  min-height: 24px;
+}
+
+.dataforms-layouts-card__field-header-content-description {
+  display: contents;
+}
+
 .dataforms-layouts-card__field-description {
   color: #757575;
   display: block;

package/build-style/style.css

@@ -201,7 +201,7 @@
 }
 
 .dataviews-title-field--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   color: #2f2f2f;
 }
 .dataviews-title-field--clickable:hover {
@@ -213,13 +213,11 @@
   border-radius: 2px;
 }
 
-/**
- * When DataViews are placed within cards, apply a consistent top padding.
- */
-.components-card__body:has(> .dataviews-wrapper),
-.components-card__body:has(> .dataviews-picker-wrapper) {
-  padding: 8px 0 0;
-  overflow: hidden;
+.dataviews__view-actions--infinite-scroll {
+  position: sticky;
+  top: 0;
+  z-index: 2;
+  background-color: #fff;
 }
 
 .dataviews-bulk-actions-footer__item-count {
@@ -299,7 +297,7 @@
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip {
   border-radius: 16px;
   border: 1px solid transparent;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   padding: 4px 12px;
   min-height: 32px;
   background: #f0f0f0;
@@ -347,7 +345,7 @@
   align-items: center;
   justify-content: center;
   background: transparent;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
   fill: #757575;
@@ -976,37 +974,48 @@
   pointer-events: none;
   outline: 2px solid transparent;
 }
-.dataviews-view-grid .dataviews-view-grid__card {
+
+.dataviews-view-grid .dataviews-view-grid__card,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card {
   height: 100%;
   justify-content: flex-start;
   position: relative;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title {
   padding: 8px 0 4px;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
   min-height: 24px;
   overflow: hidden;
   align-content: center;
   text-align: start;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
   width: fit-content;
 }
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   color: #1e1e1e;
 }
 .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
-.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
   box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 }
-.dataviews-view-grid .dataviews-view-grid__media {
+.dataviews-view-grid .dataviews-view-grid__media,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
   width: 100%;
   aspect-ratio: 1/1;
   background-color: #fff;
@@ -1014,15 +1023,18 @@
   overflow: hidden;
   position: relative;
 }
-.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
+.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
   aspect-ratio: 3/1;
 }
-.dataviews-view-grid .dataviews-view-grid__media img {
+.dataviews-view-grid .dataviews-view-grid__media img,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
   object-fit: cover;
   width: 100%;
   height: 100%;
 }
-.dataviews-view-grid .dataviews-view-grid__media::after {
+.dataviews-view-grid .dataviews-view-grid__media::after,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media::after {
   content: "";
   position: absolute;
   top: 0;
@@ -1033,7 +1045,8 @@
   border-radius: 4px;
   pointer-events: none;
 }
-.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
+.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
   width: 100%;
   height: 100%;
   display: block;
@@ -1041,48 +1054,58 @@
   box-shadow: none;
   background: #f0f0f0;
 }
-.dataviews-view-grid .dataviews-view-grid__fields {
+.dataviews-view-grid .dataviews-view-grid__fields,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
   line-height: 16px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields:not(:empty) {
   padding: 0 0 12px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
   min-height: 24px;
   line-height: 20px;
   padding-top: 2px;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
   min-height: 24px;
   align-items: center;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
   width: 35%;
   color: #757575;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
   width: 65%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
+.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
   display: none;
 }
-.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
+.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty),
+.dataviews-view-grid-infinite-scroll .dataviews-view-grid__badge-fields:not(:empty) {
   padding-bottom: 12px;
 }
-.dataviews-view-grid.is-refreshing {
+.dataviews-view-grid.is-refreshing,
+.dataviews-view-grid-infinite-scroll.is-refreshing {
   opacity: 0.5;
   pointer-events: none;
 }
 @media not (prefers-reduced-motion) {
-  .dataviews-view-grid.is-refreshing {
+  .dataviews-view-grid.is-refreshing,
+  .dataviews-view-grid-infinite-scroll.is-refreshing {
     opacity: 1;
     animation: dataviews-pulse 1s ease-in-out infinite;
   }
@@ -1148,7 +1171,7 @@
 }
 
 .dataviews-view-grid__media--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .dataviews-view-grid__group-header {
@@ -1279,7 +1302,7 @@ div.dataviews-view-list {
   border: none;
   background: none;
   padding: 0;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-list .dataviews-view-list__item:focus-visible {
   outline: none;
@@ -1800,7 +1823,7 @@ div.dataviews-view-list {
 }
 
 .dataviews-view-picker-grid__media--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 
 .dataviews-view-picker-grid-group__header {
@@ -1828,7 +1851,7 @@ div.dataviews-view-list {
   opacity: 1;
 }
 .dataviews-view-picker-table .dataviews-view-table__row {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
   background-color: rgba(var(--wp-admin-theme-color--rgb), 0.04);
@@ -1842,7 +1865,7 @@ div.dataviews-view-list {
 
 .dataviews-view-activity {
   margin: 0 0 auto;
-  padding: 8px 24px;
+  padding: 0 24px;
 }
 .dataviews-view-activity .dataviews-view-activity__group-header {
   font-size: 15px;
@@ -1870,7 +1893,7 @@ div.dataviews-view-list {
   overflow: hidden;
 }
 .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable {
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
 }
 .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
   outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
@@ -1922,7 +1945,7 @@ div.dataviews-view-list {
   background-color: #ddd;
 }
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type {
-  width: 8px;
+  width: 12px;
 }
 .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
   height: 12px;
@@ -2059,7 +2082,7 @@ div.dataviews-view-list {
   display: flex;
   width: 100%;
   min-height: 24px;
-  cursor: pointer;
+  cursor: var(--wpds-cursor-control, pointer);
   align-items: flex-start;
   border-radius: 2px;
   isolation: isolate;
@@ -2089,7 +2112,7 @@ div.dataviews-view-list {
 }
 .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
   color: #757575;
-  font-weight: var(--wpds-font-weight-regular, 400);
+  font-weight: var(--wpds-typography-font-weight-regular, 400);
 }
 
 .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
@@ -2128,7 +2151,6 @@ div.dataviews-view-list {
   line-height: 20px;
   hyphens: auto;
   color: #757575;
-  text-transform: capitalize;
 }
 .dataforms-layouts-panel__field-label .components-base-control__label {
   display: inline;
@@ -2157,12 +2179,12 @@ div.dataviews-view-list {
   flex-grow: 1;
   min-width: 0;
   min-height: 24px;
-  line-height: var(--wpds-font-line-height-md, 24px);
+  line-height: var(--wpds-typography-line-height-md, 24px);
   display: flex;
   align-items: center;
   overflow: hidden;
   word-break: break-word;
-  font-weight: var(--wpds-font-weight-medium, 499);
+  font-weight: var(--wpds-typography-font-weight-medium, 499);
 }
 .dataforms-layouts-panel__field-control > * {
   min-width: 0;
@@ -2233,17 +2255,18 @@ div.dataviews-view-list {
   align-items: center;
 }
 
-.dataforms-layouts-card__field-header-label {
-  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  font-weight: 499;
-  font-size: 15px;
-  line-height: 20px;
-}
-
 .dataforms-layouts-card__field {
   width: 100%;
 }
 
+.dataforms-layouts-card__field-header-content {
+  min-height: 24px;
+}
+
+.dataforms-layouts-card__field-header-content-description {
+  display: contents;
+}
+
 .dataforms-layouts-card__field-description {
   color: #757575;
   display: block;

package/build-types/components/dataform-controls/array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/array.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,IAAI,EAAI,EAC7C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA4F9B"}
+{"version":3,"file":"array.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/array.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,IAAI,EAAI,EAC7C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA8F9B"}

package/build-types/components/dataform-controls/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/checkbox.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMxD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqB9B"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/checkbox.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMxD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAuB9B"}

package/build-types/components/dataform-controls/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/color.tsx"],"names":[],"mappings":"AAoBA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAwCxD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAwC9B"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/color.tsx"],"names":[],"mappings":"AAoBA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AA4CxD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA2C9B"}

package/build-types/components/dataform-controls/date.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/date.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EACX,oBAAoB,EAIpB,MAAM,aAAa,CAAC;AAqoBrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,EAAI,EAC5C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqC9B"}
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/date.tsx"],"names":[],"mappings":"AA+CA,OAAO,KAAK,EACX,oBAAoB,EAIpB,MAAM,aAAa,CAAC;AA8pBrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,EAAI,EAC5C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqC9B"}