@wordpress/dataviews 12.0.1-next.v.202602091733.0 → 12.0.1

package/build-style/style-rtl.css

@@ -133,6 +133,25 @@
   }
 }
 
+.dataviews-no-results.is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-no-results.is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
+
+@keyframes dataviews-pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
 .dataviews-loading-more {
   text-align: center;
 }
@@ -396,6 +415,12 @@
   border-color: var(--wp-admin-theme-color-darker-20, #183ad6);
   background: var(--wp-admin-theme-color-darker-20, #183ad6);
 }
+.dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+}
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-description {
   display: block;
   overflow: hidden;
@@ -484,6 +509,7 @@
 }
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
   --checkbox-size: 24px;
+  flex-shrink: 0;
   border: 1px solid #1e1e1e;
   margin-left: 12px;
   transition: none;
@@ -734,18 +760,28 @@
 .dataviews-footer {
   z-index: 2;
 }
+.dataviews-footer .is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-footer .is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
 
 @container (max-width: 560px) {
-  .dataviews-footer {
+  .dataviews-footer__content {
     flex-direction: column !important;
   }
-  .dataviews-footer .dataviews-bulk-actions-footer__container {
+  .dataviews-footer__content .dataviews-bulk-actions-footer__container {
     width: 100%;
   }
-  .dataviews-footer .dataviews-bulk-actions-footer__item-count {
+  .dataviews-footer__content .dataviews-bulk-actions-footer__item-count {
     flex-grow: 1;
   }
-  .dataviews-footer .dataviews-pagination {
+  .dataviews-footer__content .dataviews-pagination {
     width: 100%;
     justify-content: space-between;
   }
@@ -766,6 +802,10 @@
   z-index: 1000001;
 }
 
+.dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
+  padding: 0 4px;
+}
+
 .dataviews-selection-checkbox {
   --checkbox-input-size: 24px;
 }
@@ -1011,6 +1051,16 @@
 .dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty) {
   padding-bottom: 12px;
 }
+.dataviews-view-grid.is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-grid.is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
 
 .dataviews-view-grid__field-value:empty,
 .dataviews-view-grid__field:empty {
@@ -1323,6 +1373,16 @@ div.dataviews-view-list {
   min-height: 32px;
   line-height: 24px;
 }
+.dataviews-view-list.is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-list.is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
 
 .dataviews-view-list__group-header {
   font-size: 15px;
@@ -1449,10 +1509,10 @@ div.dataviews-view-list {
   gap: 4px;
 }
 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
-  padding-right: 40px;
+  padding-right: 16px;
 }
 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
-  padding-left: 40px;
+  padding-left: 16px;
 }
 .dataviews-view-table tbody td {
   vertical-align: top;
@@ -1465,6 +1525,7 @@ div.dataviews-view-list {
 }
 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-end {
   justify-content: flex-end;
+  font-variant-numeric: tabular-nums;
 }
 .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__cell-align-center {
   justify-content: center;
@@ -1566,6 +1627,17 @@ div.dataviews-view-list {
   width: 1%;
 }
 
+.dataviews-view-table.is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-table.is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
+
 .dataviews-view-picker-grid .dataviews-view-picker-grid__card {
   height: 100%;
   justify-content: flex-start;
@@ -1892,6 +1964,16 @@ div.dataviews-view-list {
   content: "";
   background-color: #ddd;
 }
+.dataviews-view-activity.is-refreshing {
+  opacity: 0.5;
+  pointer-events: none;
+}
+@media not (prefers-reduced-motion) {
+  .dataviews-view-activity.is-refreshing {
+    opacity: 1;
+    animation: dataviews-pulse 1s ease-in-out infinite;
+  }
+}
 .dataviews-view-activity + .dataviews-pagination {
   justify-content: space-between;
 }
@@ -1925,6 +2007,10 @@ div.dataviews-view-list {
   min-width: 0;
 }
 
+.dataviews-controls__color-picker-dropdown {
+  display: flex;
+}
+
 .dataviews-controls__date-preset {
   border: 1px solid #ddd;
 }
@@ -1932,35 +2018,101 @@ div.dataviews-view-list {
   background-color: #000;
 }
 
-.dataforms-layouts-panel__field {
+.dataforms-layouts-panel__field-trigger {
+  position: relative;
+  color: inherit;
+  display: flex;
   width: 100%;
-  min-height: 32px;
-  justify-content: flex-start !important;
-  align-items: flex-start !important;
+  min-height: 24px;
+  cursor: pointer;
+  align-items: flex-start;
+  border-radius: 2px;
+  isolation: isolate;
 }
-.dataforms-layouts-panel__field--label-position-none {
-  align-items: center !important;
+.dataforms-layouts-panel__field-trigger--label-side {
+  flex-direction: row;
+  gap: var(--wpds-dimension-gap-md, 12px);
+}
+.dataforms-layouts-panel__field-trigger--label-top {
+  display: grid;
+  grid-template-columns: 1fr auto;
+}
+.dataforms-layouts-panel__field-trigger--label-none {
+  align-items: center;
+}
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
+  color: var(--wp-admin-theme-color);
+}
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
+  opacity: 1;
+}
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
+  color: var(--wp-admin-theme-color);
+}
+.dataforms-layouts-panel__field-trigger.is-disabled {
+  cursor: default;
+}
+.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
+  color: #757575;
+  font-weight: var(--wpds-font-weight-regular, 400);
+}
+
+.dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
+  opacity: 1;
+  fill: currentColor;
+}
+.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 {
+  fill: var(--wp-admin-theme-color);
+}
+
+.dataforms-layouts-panel__field-trigger-icon {
+  padding: 0;
+  color: var(--wp-admin-theme-color);
+  flex: 0 0 auto;
+  opacity: 0;
+  border-radius: var(--wpds-border-radius-xs, 1px);
+}
+.dataforms-layouts-panel__field-trigger-icon:focus-visible {
+  opacity: 1;
+  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wp-admin-theme-color);
+}
+
+.dataforms-layouts-panel__field-dropdown-anchor {
+  width: 100%;
+}
+.dataforms-layouts-panel__field-dropdown-anchor .components-dropdown {
+  width: 100%;
 }
 
 .dataforms-layouts-panel__field-label {
   width: 38%;
   flex-shrink: 0;
-  min-height: 32px;
+  min-height: 24px;
   display: flex;
   align-items: center;
   line-height: 20px;
   hyphens: auto;
+  color: #757575;
+  text-transform: capitalize;
 }
-.dataforms-layouts-panel__field-label--label-position-side {
-  align-self: center;
+.dataforms-layouts-panel__field-label .components-base-control__label {
+  display: inline;
+  margin-bottom: 0;
+  line-height: inherit;
 }
 .dataforms-layouts-panel__field-label.has-error {
   color: #cc1818;
 }
 
 .dataforms-layouts-panel__field-label-error-content {
+  position: relative;
+  z-index: 1;
   cursor: help;
   fill: #cc1818;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 4px;
 }
 .dataforms-layouts-panel__field-label-error-content svg {
   fill: currentColor;
@@ -1968,23 +2120,29 @@ div.dataviews-view-list {
 
 .dataforms-layouts-panel__field-control {
   flex-grow: 1;
-  min-height: 32px;
+  min-width: 0;
+  min-height: 24px;
+  line-height: var(--wpds-font-line-height-md, 24px);
   display: flex;
   align-items: center;
+  overflow: hidden;
+  font-weight: var(--wpds-font-weight-medium, 499);
 }
-.dataforms-layouts-panel__field-control .components-button {
-  max-width: 100%;
-  text-align: right;
-  white-space: normal;
-  text-wrap: balance;
-  text-wrap: pretty;
-  min-height: 32px;
+.dataforms-layouts-panel__field-control > * {
+  min-width: 0;
 }
-.dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
-  text-decoration: none;
+
+.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
+  width: 100%;
 }
-.dataforms-layouts-panel__field-control .components-dropdown {
-  max-width: 100%;
+
+.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-control {
+  grid-column: 1/-1;
+}
+
+.dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-trigger-icon {
+  grid-row: 1;
+  grid-column: 2;
 }
 
 .dataforms-layouts-panel__field-dropdown .components-popover__content {
@@ -2004,16 +2162,17 @@ div.dataviews-view-list {
   z-index: 159990;
 }
 
-.dataforms-layouts-panel__summary-button:empty {
-  min-width: 160px;
-}
-
 .dataforms-layouts-regular__field {
   width: 100%;
   min-height: 32px;
   justify-content: flex-start !important;
   align-items: flex-start !important;
 }
+.dataforms-layouts-regular__field .components-base-control__label,
+.dataforms-layouts-regular__field .components-input-control__label,
+.dataforms-layouts-regular__field .components-form-token-field__label {
+  color: #1e1e1e;
+}
 
 .dataforms-layouts-regular__field-label {
   width: 38%;