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

package/build-module/hooks/use-data.mjs

@@ -0,0 +1,25 @@
+// packages/dataviews/src/hooks/use-data.ts
+import { useEffect, useRef, useState } from "@wordpress/element";
+function useData(data, isLoading, paginationInfo) {
+  const previousDataRef = useRef(data);
+  const previousPaginationInfoRef = useRef(paginationInfo);
+  const [hasInitiallyLoaded, setHasInitiallyLoaded] = useState(
+    !isLoading
+  );
+  useEffect(() => {
+    if (!isLoading) {
+      previousDataRef.current = data;
+      previousPaginationInfoRef.current = paginationInfo;
+      setHasInitiallyLoaded(true);
+    }
+  }, [data, isLoading, paginationInfo]);
+  return {
+    data: isLoading && previousDataRef.current?.length ? previousDataRef.current : data,
+    paginationInfo: isLoading && previousDataRef.current?.length ? previousPaginationInfoRef.current : paginationInfo,
+    hasInitiallyLoaded
+  };
+}
+export {
+  useData as default
+};
+//# sourceMappingURL=use-data.mjs.map

package/build-module/hooks/use-data.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-data.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef, useState } from '@wordpress/element';\n\ntype PaginationInfo = {\n\ttotalItems: number;\n\ttotalPages: number;\n\tinfiniteScrollHandler?: () => void;\n};\n\nexport default function useData< Item >(\n\tdata: Item[],\n\tisLoading: boolean | undefined,\n\tpaginationInfo: PaginationInfo\n): {\n\tdata: Item[];\n\tpaginationInfo: PaginationInfo;\n\thasInitiallyLoaded: boolean;\n} {\n\tconst previousDataRef = useRef< Item[] >( data );\n\tconst previousPaginationInfoRef =\n\t\tuseRef< PaginationInfo >( paginationInfo );\n\tconst [ hasInitiallyLoaded, setHasInitiallyLoaded ] = useState(\n\t\t! isLoading\n\t);\n\tuseEffect( () => {\n\t\tif ( ! isLoading ) {\n\t\t\tpreviousDataRef.current = data;\n\t\t\tpreviousPaginationInfoRef.current = paginationInfo;\n\t\t\tsetHasInitiallyLoaded( true );\n\t\t}\n\t}, [ data, isLoading, paginationInfo ] );\n\treturn {\n\t\tdata:\n\t\t\tisLoading && previousDataRef.current?.length\n\t\t\t\t? previousDataRef.current\n\t\t\t\t: data,\n\t\tpaginationInfo:\n\t\t\tisLoading && previousDataRef.current?.length\n\t\t\t\t? previousPaginationInfoRef.current\n\t\t\t\t: paginationInfo,\n\t\thasInitiallyLoaded,\n\t};\n}\n"],
+  "mappings": ";AAGA,SAAS,WAAW,QAAQ,gBAAgB;AAQ7B,SAAR,QACN,MACA,WACA,gBAKC;AACD,QAAM,kBAAkB,OAAkB,IAAK;AAC/C,QAAM,4BACL,OAA0B,cAAe;AAC1C,QAAM,CAAE,oBAAoB,qBAAsB,IAAI;AAAA,IACrD,CAAE;AAAA,EACH;AACA,YAAW,MAAM;AAChB,QAAK,CAAE,WAAY;AAClB,sBAAgB,UAAU;AAC1B,gCAA0B,UAAU;AACpC,4BAAuB,IAAK;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAM,WAAW,cAAe,CAAE;AACvC,SAAO;AAAA,IACN,MACC,aAAa,gBAAgB,SAAS,SACnC,gBAAgB,UAChB;AAAA,IACJ,gBACC,aAAa,gBAAgB,SAAS,SACnC,0BAA0B,UAC1B;AAAA,IACJ;AAAA,EACD;AACD;",
+  "names": []
+}

package/build-module/hooks/use-delayed-loading.mjs

@@ -0,0 +1,22 @@
+// packages/dataviews/src/hooks/use-delayed-loading.ts
+import { useEffect, useState } from "@wordpress/element";
+function useDelayedLoading(isLoading, options = { delay: 400 }) {
+  const [showLoader, setShowLoader] = useState(false);
+  useEffect(() => {
+    if (!isLoading) {
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setShowLoader(true);
+    }, options.delay);
+    return () => {
+      clearTimeout(timeout);
+      setShowLoader(false);
+    };
+  }, [isLoading, options.delay]);
+  return showLoader;
+}
+export {
+  useDelayedLoading
+};
+//# sourceMappingURL=use-delayed-loading.mjs.map

package/build-module/hooks/use-delayed-loading.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-delayed-loading.ts"],
+  "sourcesContent": ["import { useEffect, useState } from '@wordpress/element';\n\nexport function useDelayedLoading(\n\tisLoading: boolean,\n\toptions: { delay: number } = { delay: 400 }\n): boolean {\n\tconst [ showLoader, setShowLoader ] = useState( false );\n\tuseEffect( () => {\n\t\tif ( ! isLoading ) {\n\t\t\treturn;\n\t\t}\n\t\tconst timeout = setTimeout( () => {\n\t\t\tsetShowLoader( true );\n\t\t}, options.delay );\n\t\treturn () => {\n\t\t\tclearTimeout( timeout );\n\t\t\tsetShowLoader( false );\n\t\t};\n\t}, [ isLoading, options.delay ] );\n\treturn showLoader;\n}\n"],
+  "mappings": ";AAAA,SAAS,WAAW,gBAAgB;AAE7B,SAAS,kBACf,WACA,UAA6B,EAAE,OAAO,IAAI,GAChC;AACV,QAAM,CAAE,YAAY,aAAc,IAAI,SAAU,KAAM;AACtD,YAAW,MAAM;AAChB,QAAK,CAAE,WAAY;AAClB;AAAA,IACD;AACA,UAAM,UAAU,WAAY,MAAM;AACjC,oBAAe,IAAK;AAAA,IACrB,GAAG,QAAQ,KAAM;AACjB,WAAO,MAAM;AACZ,mBAAc,OAAQ;AACtB,oBAAe,KAAM;AAAA,IACtB;AAAA,EACD,GAAG,CAAE,WAAW,QAAQ,KAAM,CAAE;AAChC,SAAO;AACR;",
+  "names": []
+}

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;
 }
@@ -741,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;
   }
@@ -773,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;
 }
@@ -1018,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 {
@@ -1330,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;
@@ -1456,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;
@@ -1472,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;
@@ -1573,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;
@@ -1899,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;
 }
@@ -1932,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;
 }
@@ -1952,7 +2031,7 @@ div.dataviews-view-list {
 }
 .dataforms-layouts-panel__field-trigger--label-side {
   flex-direction: row;
-  gap: var(--wpds-dimension-gap-md);
+  gap: var(--wpds-dimension-gap-md, 12px);
 }
 .dataforms-layouts-panel__field-trigger--label-top {
   display: grid;
@@ -1961,45 +2040,41 @@ div.dataviews-view-list {
 .dataforms-layouts-panel__field-trigger--label-none {
   align-items: center;
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover {
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
   color: var(--wp-admin-theme-color);
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover .dataforms-layouts-panel__field-trigger-icon {
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
   opacity: 1;
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover .dataforms-layouts-panel__field-label {
+.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[aria-disabled=true] {
+.dataforms-layouts-panel__field-trigger.is-disabled {
   cursor: default;
 }
-.dataforms-layouts-panel__field-trigger[aria-disabled=true] .dataforms-layouts-panel__field-control {
+.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
   color: #757575;
-  font-weight: var(--wpds-font-weight-regular);
+  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 {
-  appearance: none;
-  background: none;
-  border: none;
   padding: 0;
-  margin: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  fill: var(--wp-admin-theme-color);
+  color: var(--wp-admin-theme-color);
   flex: 0 0 auto;
   opacity: 0;
-  border-radius: var(--wpds-border-radius-xs);
-}
-.dataforms-layouts-panel__field-trigger-icon::after {
-  content: "";
-  position: absolute;
-  inset: 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) solid var(--wp-admin-theme-color);
+  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 {
@@ -2018,6 +2093,7 @@ 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;
@@ -2046,11 +2122,11 @@ div.dataviews-view-list {
   flex-grow: 1;
   min-width: 0;
   min-height: 24px;
-  line-height: var(--wpds-font-line-height-md);
+  line-height: var(--wpds-font-line-height-md, 24px);
   display: flex;
   align-items: center;
   overflow: hidden;
-  font-weight: var(--wpds-font-weight-medium);
+  font-weight: var(--wpds-font-weight-medium, 499);
 }
 .dataforms-layouts-panel__field-control > * {
   min-width: 0;
@@ -2093,8 +2169,9 @@ div.dataviews-view-list {
   align-items: flex-start !important;
 }
 .dataforms-layouts-regular__field .components-base-control__label,
-.dataforms-layouts-regular__field .components-input-control__label {
-  color: #757575;
+.dataforms-layouts-regular__field .components-input-control__label,
+.dataforms-layouts-regular__field .components-form-token-field__label {
+  color: #1e1e1e;
 }
 
 .dataforms-layouts-regular__field-label {

package/build-style/style.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;
 }
@@ -741,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;
   }
@@ -773,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;
 }
@@ -1018,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 {
@@ -1330,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;
@@ -1456,10 +1509,10 @@ div.dataviews-view-list {
   gap: 4px;
 }
 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):first-child {
-  padding-left: 40px;
+  padding-left: 16px;
 }
 .dataviews-view-table thead th:has(.dataviews-view-table-header-button):last-child {
-  padding-right: 40px;
+  padding-right: 16px;
 }
 .dataviews-view-table tbody td {
   vertical-align: top;
@@ -1472,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;
@@ -1573,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;
@@ -1899,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;
 }
@@ -1932,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;
 }
@@ -1952,7 +2031,7 @@ div.dataviews-view-list {
 }
 .dataforms-layouts-panel__field-trigger--label-side {
   flex-direction: row;
-  gap: var(--wpds-dimension-gap-md);
+  gap: var(--wpds-dimension-gap-md, 12px);
 }
 .dataforms-layouts-panel__field-trigger--label-top {
   display: grid;
@@ -1961,45 +2040,41 @@ div.dataviews-view-list {
 .dataforms-layouts-panel__field-trigger--label-none {
   align-items: center;
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover {
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
   color: var(--wp-admin-theme-color);
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover .dataforms-layouts-panel__field-trigger-icon {
+.dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
   opacity: 1;
 }
-.dataforms-layouts-panel__field-trigger:not([aria-disabled=true]):hover .dataforms-layouts-panel__field-label {
+.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[aria-disabled=true] {
+.dataforms-layouts-panel__field-trigger.is-disabled {
   cursor: default;
 }
-.dataforms-layouts-panel__field-trigger[aria-disabled=true] .dataforms-layouts-panel__field-control {
+.dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
   color: #757575;
-  font-weight: var(--wpds-font-weight-regular);
+  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 {
-  appearance: none;
-  background: none;
-  border: none;
   padding: 0;
-  margin: 0;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  fill: var(--wp-admin-theme-color);
+  color: var(--wp-admin-theme-color);
   flex: 0 0 auto;
   opacity: 0;
-  border-radius: var(--wpds-border-radius-xs);
-}
-.dataforms-layouts-panel__field-trigger-icon::after {
-  content: "";
-  position: absolute;
-  inset: 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) solid var(--wp-admin-theme-color);
+  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 {
@@ -2018,6 +2093,7 @@ 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;
@@ -2046,11 +2122,11 @@ div.dataviews-view-list {
   flex-grow: 1;
   min-width: 0;
   min-height: 24px;
-  line-height: var(--wpds-font-line-height-md);
+  line-height: var(--wpds-font-line-height-md, 24px);
   display: flex;
   align-items: center;
   overflow: hidden;
-  font-weight: var(--wpds-font-weight-medium);
+  font-weight: var(--wpds-font-weight-medium, 499);
 }
 .dataforms-layouts-panel__field-control > * {
   min-width: 0;
@@ -2093,8 +2169,9 @@ div.dataviews-view-list {
   align-items: flex-start !important;
 }
 .dataforms-layouts-regular__field .components-base-control__label,
-.dataforms-layouts-regular__field .components-input-control__label {
-  color: #757575;
+.dataforms-layouts-regular__field .components-input-control__label,
+.dataforms-layouts-regular__field .components-form-token-field__label {
+  color: #1e1e1e;
 }
 
 .dataforms-layouts-regular__field-label {

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":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAsDxD,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,+BAsC9B"}
+{"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"}

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

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

package/build-types/components/dataform-controls/utils/use-disabled-date-matchers.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Internal dependencies
+ */
+import type { NormalizedRules } from '../../../types';
+type DateMatcher = {
+    before: Date;
+} | {
+    after: Date;
+};
+export default function useDisabledDateMatchers<Item>(isValid: NormalizedRules<Item>, parseDateFn: (dateString?: string) => Date | null): {
+    minConstraint: string | undefined;
+    maxConstraint: string | undefined;
+    disabledMatchers: DateMatcher[] | undefined;
+};
+export {};
+//# sourceMappingURL=use-disabled-date-matchers.d.ts.map

package/build-types/components/dataform-controls/utils/use-disabled-date-matchers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disabled-date-matchers.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-controls/utils/use-disabled-date-matchers.ts"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,IAAI,CAAA;CAAE,GAAG;IAAE,KAAK,EAAE,IAAI,CAAA;CAAE,CAAC;AAEtD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,IAAI,EACpD,OAAO,EAAE,eAAe,CAAE,IAAI,CAAE,EAChC,WAAW,EAAE,CAAE,UAAU,CAAC,EAAE,MAAM,KAAM,IAAI,GAAG,IAAI,GACjD;IACF,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;CAC5C,CA4BA"}

package/build-types/components/dataform-layouts/card/index.d.ts

@@ -1,12 +1,3 @@
-import type { FieldLayoutProps, NormalizedCardLayout } from '../../../types';
-export declare function useCardHeader(layout: NormalizedCardLayout): {
-    isOpen: boolean;
-    CardHeader: ({ children, ...props }: {
-        children: React.ReactNode;
-        [key: string]: any;
-    }) => import("react").JSX.Element;
-    touched: boolean;
-    setTouched: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+import type { FieldLayoutProps } from '../../../types';
 export default function FormCardField<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: FieldLayoutProps<Item>): import("react").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map

package/build-types/components/dataform-layouts/card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/card/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACX,gBAAgB,EAChB,oBAAoB,EAIpB,MAAM,gBAAgB,CAAC;AA4BxB,wBAAgB,aAAa,CAAE,MAAM,EAAE,oBAAoB;;yCAuBtD;QACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,CAAE,GAAG,EAAE,MAAM,GAAI,GAAG,CAAC;KACrB;;;EA2CF;AAqDD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,gBAAgB,CAAE,IAAI,CAAE,sCA0K1B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/card/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACX,gBAAgB,EAKhB,MAAM,gBAAgB,CAAC;AA0DxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,QAAQ,GACR,EAAE,gBAAgB,CAAE,IAAI,CAAE,sCAiM1B"}

package/build-types/components/dataform-layouts/normalize-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize-form.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-layouts/normalize-form.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EAEJ,cAAc,EAEd,gBAAgB,EAQhB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,cAAc,EAAE,gBAGD,CAAC;AAsF7B,iBAAS,aAAa,CAAE,IAAI,EAAE,IAAI,GAAI,cAAc,CAsCnD;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"normalize-form.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-layouts/normalize-form.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EACX,IAAI,EAEJ,cAAc,EAEd,gBAAgB,EAQhB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,cAAc,EAAE,gBAGD,CAAC;AAuF7B,iBAAS,aAAa,CAAE,IAAI,EAAE,IAAI,GAAI,cAAc,CAsCnD;AAED,eAAe,aAAa,CAAC"}

package/build-types/components/dataform-layouts/panel/summary-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"summary-button.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/panel/summary-button.tsx"],"names":[],"mappings":"AAaA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,eAAe,EACf,mBAAmB,EAEnB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,EAAE,YAAY,GAC7B,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,+BA4FA"}
+{"version":3,"file":"summary-button.d.ts","sourceRoot":"","sources":["../../../../src/components/dataform-layouts/panel/summary-button.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,OAAO,KAAK,EACX,aAAa,EACb,eAAe,EACf,mBAAmB,EAEnB,MAAM,gBAAgB,CAAC;AAKxB,MAAM,CAAC,OAAO,UAAU,aAAa,CAAE,IAAI,EAAI,EAC9C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,EAAE,YAAY,GAC7B,EAAE;IACF,IAAI,EAAE,IAAI,CAAC;IACX,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,eAAe,CAAE,IAAI,CAAE,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B,+BA0HA"}