@wordpress/dataviews 11.4.1-next.v.0 → 12.0.0

package/build-style/style.css

@@ -1,194 +1,3 @@
-@charset "UTF-8";
-/* -------------------------------------------
- *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
- * ------------------------------------------- */
-:root {
-  --wpds-border-radius-lg: 8px; /* Large radius */
-  --wpds-border-radius-md: 4px; /* Medium radius */
-  --wpds-border-radius-sm: 2px; /* Small radius */
-  --wpds-border-radius-xs: 1px; /* Extra small radius */
-  --wpds-border-width-focus: 2px; /* Border width for focus ring */
-  --wpds-border-width-lg: 8px; /* Large width */
-  --wpds-border-width-md: 4px; /* Medium width */
-  --wpds-border-width-sm: 2px; /* Small width */
-  --wpds-border-width-xs: 1px; /* Extra small width */
-  --wpds-color-bg-interactive-brand-strong: #3858e9; /* Background color for interactive elements with brand tone and strong emphasis. */
-  --wpds-color-bg-interactive-brand-strong-active: #2e49d9; /* Background color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-brand-weak: #00000000; /* Background color for interactive elements with brand tone and weak emphasis. */
-  --wpds-color-bg-interactive-brand-weak-active: #e6eaf4; /* Background color for interactive elements with brand tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-error: #00000000; /* Background color for interactive elements with error tone and normal emphasis. */
-  --wpds-color-bg-interactive-error-active: #fff6f4; /* Background color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-error-strong: #cc1818; /* Background color for interactive elements with error tone and strong emphasis. */
-  --wpds-color-bg-interactive-error-strong-active: #b90000; /* Background color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-error-weak: #00000000; /* Background color for interactive elements with error tone and weak emphasis. */
-  --wpds-color-bg-interactive-error-weak-active: #f6e6e3; /* Background color for interactive elements with error tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-neutral-strong: #2d2d2d; /* Background color for interactive elements with neutral tone and strong emphasis. */
-  --wpds-color-bg-interactive-neutral-strong-active: #1e1e1e; /* Background color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-neutral-strong-disabled: #e2e2e2; /* Background color for interactive elements with neutral tone and strong emphasis, in their disabled state. */
-  --wpds-color-bg-interactive-neutral-weak: #00000000; /* Background color for interactive elements with neutral tone and weak emphasis. */
-  --wpds-color-bg-interactive-neutral-weak-active: #eaeaea; /* Background color for interactive elements with neutral tone and weak emphasis that are hovered, focused, or active. */
-  --wpds-color-bg-interactive-neutral-weak-disabled: #00000000; /* Background color for interactive elements with weak emphasis, in their disabled state, regardless of the tone. */
-  --wpds-color-bg-surface-brand: #ecf0f9; /* Background color for surfaces with brand tone and normal emphasis. */
-  --wpds-color-bg-surface-caution: #fee994; /* Background color for surfaces with caution tone and normal emphasis. */
-  --wpds-color-bg-surface-caution-weak: #fff9c9; /* Background color for surfaces with caution tone and weak emphasis. */
-  --wpds-color-bg-surface-error: #f6e6e3; /* Background color for surfaces with error tone and normal emphasis. */
-  --wpds-color-bg-surface-error-weak: #fff6f4; /* Background color for surfaces with error tone and weak emphasis. */
-  --wpds-color-bg-surface-info: #deebfa; /* Background color for surfaces with info tone and normal emphasis. */
-  --wpds-color-bg-surface-info-weak: #f2f9ff; /* Background color for surfaces with info tone and weak emphasis. */
-  --wpds-color-bg-surface-neutral: #f8f8f8; /* Background color for surfaces with normal emphasis. */
-  --wpds-color-bg-surface-neutral-strong: #ffffff; /* Background color for surfaces with strong emphasis. */
-  --wpds-color-bg-surface-neutral-weak: #f0f0f0; /* Background color for surfaces with weak emphasis. */
-  --wpds-color-bg-surface-success: #c5f7cc; /* Background color for surfaces with success tone and normal emphasis. */
-  --wpds-color-bg-surface-success-weak: #eaffed; /* Background color for surfaces with success tone and weak emphasis. */
-  --wpds-color-bg-surface-warning: #fde6bd; /* Background color for surfaces with warning tone and normal emphasis. */
-  --wpds-color-bg-surface-warning-weak: #fff7e0; /* Background color for surfaces with warning tone and weak emphasis. */
-  --wpds-color-bg-thumb-brand: #3858e9; /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track). */
-  --wpds-color-bg-thumb-brand-active: #3858e9; /* Background color for thumbs with a brand tone and normal emphasis (eg. slider thumb and filled track) that are hovered, focused, or active. */
-  --wpds-color-bg-thumb-neutral-disabled: #d8d8d8; /* Background color for thumbs with normal emphasis (eg. slider thumb and filled track), in their disabled state, regardless of the tone. */
-  --wpds-color-bg-thumb-neutral-weak: #8a8a8a; /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb). */
-  --wpds-color-bg-thumb-neutral-weak-active: #6c6c6c; /* Background color for thumbs with a neutral tone and weak emphasis (eg. scrollbar thumb) that are hovered, focused, or active. */
-  --wpds-color-bg-track-neutral: #d8d8d8; /* Background color for tracks with a neutral tone and normal emphasis (eg. slider or progressbar track). */
-  --wpds-color-bg-track-neutral-weak: #e0e0e0; /* Background color for tracks with a neutral tone and weak emphasis (eg. scrollbar track). */
-  --wpds-color-fg-content-caution: #281d00; /* Foreground color for content like text with caution tone and normal emphasis. */
-  --wpds-color-fg-content-caution-weak: #826a00; /* Foreground color for content like text with caution tone and weak emphasis. */
-  --wpds-color-fg-content-error: #470000; /* Foreground color for content like text with error tone and normal emphasis. */
-  --wpds-color-fg-content-error-weak: #cc1818; /* Foreground color for content like text with error tone and weak emphasis. */
-  --wpds-color-fg-content-info: #001b4f; /* Foreground color for content like text with info tone and normal emphasis. */
-  --wpds-color-fg-content-info-weak: #006bd7; /* Foreground color for content like text with info tone and weak emphasis. */
-  --wpds-color-fg-content-neutral: #1e1e1e; /* Foreground color for content like text with normal emphasis. */
-  --wpds-color-fg-content-neutral-weak: #6d6d6d; /* Foreground color for content like text with weak emphasis. */
-  --wpds-color-fg-content-success: #002900; /* Foreground color for content like text with success tone and normal emphasis. */
-  --wpds-color-fg-content-success-weak: #007f30; /* Foreground color for content like text with success tone and weak emphasis. */
-  --wpds-color-fg-content-warning: #2e1900; /* Foreground color for content like text with warning tone and normal emphasis. */
-  --wpds-color-fg-content-warning-weak: #926300; /* Foreground color for content like text with warning tone and weak emphasis. */
-  --wpds-color-fg-interactive-brand: #3858e9; /* Foreground color for interactive elements with brand tone and normal emphasis. */
-  --wpds-color-fg-interactive-brand-active: #3858e9; /* Foreground color for interactive elements with brand tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-brand-strong: #eff0f2; /* Foreground color for interactive elements with brand tone and strong emphasis. */
-  --wpds-color-fg-interactive-brand-strong-active: #eff0f2; /* Foreground color for interactive elements with brand tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-error: #cc1818; /* Foreground color for interactive elements with error tone and normal emphasis. */
-  --wpds-color-fg-interactive-error-active: #cc1818; /* Foreground color for interactive elements with error tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-error-strong: #f2efef; /* Foreground color for interactive elements with error tone and strong emphasis. */
-  --wpds-color-fg-interactive-error-strong-active: #f2efef; /* Foreground color for interactive elements with error tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-neutral: #1e1e1e; /* Foreground color for interactive elements with neutral tone and normal emphasis. */
-  --wpds-color-fg-interactive-neutral-active: #1e1e1e; /* Foreground color for interactive elements with neutral tone and normal emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-neutral-disabled: #8a8a8a; /* Foreground color for interactive elements with normal emphasis, in their disabled state, regardless of the tone. */
-  --wpds-color-fg-interactive-neutral-strong: #f0f0f0; /* Foreground color for interactive elements with neutral tone and strong emphasis. */
-  --wpds-color-fg-interactive-neutral-strong-active: #f0f0f0; /* Foreground color for interactive elements with neutral tone and strong emphasis that are hovered, focused, or active. */
-  --wpds-color-fg-interactive-neutral-strong-disabled: #8a8a8a; /* Foreground color for interactive elements with strong emphasis, in their disabled state, regardless of the tone. */
-  --wpds-color-fg-interactive-neutral-weak: #6d6d6d; /* Foreground color for interactive elements with neutral tone and weak emphasis. */
-  --wpds-color-fg-interactive-neutral-weak-disabled: #8a8a8a; /* Foreground color for interactive elements with weak emphasis, in their disabled state, regardless of the tone. */
-  --wpds-color-stroke-focus-brand: #3858e9; /* Accessible stroke color applied to focus rings. */
-  --wpds-color-stroke-interactive-brand: #3858e9; /* Accessible stroke color used for interactive brand-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-brand-active: #2337c8; /* Accessible stroke color used for interactive brand-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-error: #cc1818; /* Accessible stroke color used for interactive error-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-error-active: #9d0000; /* Accessible stroke color used for interactive error-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-error-strong: #cc1818; /* Accessible stroke color used for interactive error-toned elements with strong emphasis. */
-  --wpds-color-stroke-interactive-neutral: #8a8a8a; /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis. */
-  --wpds-color-stroke-interactive-neutral-active: #6c6c6c; /* Accessible stroke color used for interactive neutrally-toned elements with normal emphasis that are hovered, focused, or active. */
-  --wpds-color-stroke-interactive-neutral-disabled: #d8d8d8; /* Accessible stroke color used for interactive elements with normal emphasis, in their disabled state, regardless of the tone. */
-  --wpds-color-stroke-interactive-neutral-strong: #6c6c6c; /* Accessible stroke color used for interactive neutrally-toned elements with strong emphasis. */
-  --wpds-color-stroke-surface-brand: #a3b1d4; /* Decorative stroke color used to define brand-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-brand-strong: #3858e9; /* Decorative stroke color used to define brand-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-error: #daa39b; /* Decorative stroke color used to define error-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-error-strong: #cc1818; /* Decorative stroke color used to define error-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-info: #9fbcdc; /* Decorative stroke color used to define info-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-info-strong: #006bd7; /* Decorative stroke color used to define info-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-neutral: #d8d8d8; /* Decorative stroke color used to define neutrally-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-neutral-strong: #8a8a8a; /* Decorative stroke color used to define neutrally-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-neutral-weak: #e0e0e0; /* Decorative stroke color used to define neutrally-toned surface boundaries with weak emphasis. */
-  --wpds-color-stroke-surface-success: #8ac894; /* Decorative stroke color used to define success-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-success-strong: #007f30; /* Decorative stroke color used to define success-toned surface boundaries with strong emphasis. */
-  --wpds-color-stroke-surface-warning: #d0b381; /* Decorative stroke color used to define warning-toned surface boundaries with normal emphasis. */
-  --wpds-color-stroke-surface-warning-strong: #926300; /* Decorative stroke color used to define warning-toned surface boundaries with strong emphasis. */
-  --wpds-dimension-base: 4px; /* Base dimension unit */
-  --wpds-dimension-gap-2xs: 4px; /* 2x extra small gap */
-  --wpds-dimension-gap-lg: 24px; /* Large gap */
-  --wpds-dimension-gap-md: 16px; /* Medium gap */
-  --wpds-dimension-gap-sm: 12px; /* Small gap */
-  --wpds-dimension-gap-xl: 40px; /* Extra large gap */
-  --wpds-dimension-gap-xs: 8px; /* Extra small gap */
-  --wpds-dimension-padding-surface-2xs: 4px; /* 2x extra small spacing for surfaces */
-  --wpds-dimension-padding-surface-lg: 32px; /* Large spacing for surfaces */
-  --wpds-dimension-padding-surface-md: 24px; /* Medium spacing for surfaces */
-  --wpds-dimension-padding-surface-sm: 16px; /* Small spacing for surfaces */
-  --wpds-dimension-padding-surface-xs: 8px; /* Extra small spacing for surfaces */
-  --wpds-elevation-large: 0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012,
-  	0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005; /* For components that confirm decisions or handle necessary interruptions. Example: Modals. */
-  --wpds-elevation-medium: 0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a,
-  	0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005; /* For components that offer additional actions. Example: Menus, Command Palette */
-  --wpds-elevation-small: 0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a,
-  	0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005; /* For components that provide contextual feedback without being intrusive. Generally non-interruptive. Example: Tooltips, Snackbar. */
-  --wpds-elevation-x-small: 0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005,
-  	0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003; /* For sections and containers that group related content and controls, which may overlap other content. Example: Preview Frame. */
-  --wpds-font-family-body: -apple-system, system-ui, 'Segoe UI', 'Roboto',
-  	'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; /* Body font family */
-  --wpds-font-family-heading: -apple-system, system-ui, 'Segoe UI', 'Roboto',
-  	'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif; /* Headings font family */
-  --wpds-font-family-mono: 'Menlo', 'Consolas', monaco, monospace; /* Monospace font family */
-  --wpds-font-line-height-2xl: 40px; /* 2X large line height */
-  --wpds-font-line-height-lg: 28px; /* Large line height */
-  --wpds-font-line-height-md: 24px; /* Medium line height */
-  --wpds-font-line-height-sm: 20px; /* Small line height */
-  --wpds-font-line-height-xl: 32px; /* Extra large line height */
-  --wpds-font-line-height-xs: 16px; /* Extra small line height */
-  --wpds-font-size-2xl: 32px; /* 2X large font size */
-  --wpds-font-size-lg: 15px; /* Large font size */
-  --wpds-font-size-md: 13px; /* Medium font size */
-  --wpds-font-size-sm: 12px; /* Small font size */
-  --wpds-font-size-xl: 20px; /* Extra large font size */
-  --wpds-font-size-xs: 11px; /* Extra small font size */
-  --wpds-font-weight-medium: 499; /* Medium font weight for emphasis and headings */
-  --wpds-font-weight-regular: 400; /* Regular font weight for body text */
-}
-
-[data-wpds-theme-provider-id][data-wpds-density=default] {
-  --wpds-dimension-base: 4px; /* Base dimension unit */
-  --wpds-dimension-gap-2xs: 4px; /* 2x extra small gap */
-  --wpds-dimension-gap-lg: 24px; /* Large gap */
-  --wpds-dimension-gap-md: 16px; /* Medium gap */
-  --wpds-dimension-gap-sm: 12px; /* Small gap */
-  --wpds-dimension-gap-xl: 40px; /* Extra large gap */
-  --wpds-dimension-gap-xs: 8px; /* Extra small gap */
-  --wpds-dimension-padding-surface-2xs: 4px; /* 2x extra small spacing for surfaces */
-  --wpds-dimension-padding-surface-lg: 32px; /* Large spacing for surfaces */
-  --wpds-dimension-padding-surface-md: 24px; /* Medium spacing for surfaces */
-  --wpds-dimension-padding-surface-sm: 16px; /* Small spacing for surfaces */
-  --wpds-dimension-padding-surface-xs: 8px; /* Extra small spacing for surfaces */
-}
-
-[data-wpds-theme-provider-id][data-wpds-density=compact] {
-  --wpds-dimension-gap-2xs: 4px; /* 2x extra small gap */
-  --wpds-dimension-gap-lg: 20px; /* Large gap */
-  --wpds-dimension-gap-md: 12px; /* Medium gap */
-  --wpds-dimension-gap-sm: 8px; /* Small gap */
-  --wpds-dimension-gap-xl: 32px; /* Extra large gap */
-  --wpds-dimension-gap-xs: 4px; /* Extra small gap */
-  --wpds-dimension-padding-surface-2xs: 4px; /* 2x extra small spacing for surfaces */
-  --wpds-dimension-padding-surface-lg: 24px; /* Large spacing for surfaces */
-  --wpds-dimension-padding-surface-md: 20px; /* Medium spacing for surfaces */
-  --wpds-dimension-padding-surface-sm: 12px; /* Small spacing for surfaces */
-  --wpds-dimension-padding-surface-xs: 4px; /* Extra small spacing for surfaces */
-}
-
-[data-wpds-theme-provider-id][data-wpds-density=comfortable] {
-  --wpds-dimension-gap-2xs: 8px; /* 2x extra small gap */
-  --wpds-dimension-gap-lg: 32px; /* Large gap */
-  --wpds-dimension-gap-md: 20px; /* Medium gap */
-  --wpds-dimension-gap-sm: 16px; /* Small gap */
-  --wpds-dimension-gap-xl: 48px; /* Extra large gap */
-  --wpds-dimension-gap-xs: 12px; /* Extra small gap */
-  --wpds-dimension-padding-surface-2xs: 8px; /* 2x extra small spacing for surfaces */
-  --wpds-dimension-padding-surface-lg: 40px; /* Large spacing for surfaces */
-  --wpds-dimension-padding-surface-md: 32px; /* Medium spacing for surfaces */
-  --wpds-dimension-padding-surface-sm: 20px; /* Small spacing for surfaces */
-  --wpds-dimension-padding-surface-xs: 12px; /* Extra small spacing for surfaces */
-}
-
-@media (min-resolution: 192dpi) {
-  :root {
-    --wpds-border-width-focus: 1.5px; /* Border width for focus ring */
-  }
-}
 /**
  * Colors
  */
@@ -587,6 +396,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;
@@ -675,6 +490,7 @@
 }
 .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
   --checkbox-size: 24px;
+  flex-shrink: 0;
   border: 1px solid #1e1e1e;
   margin-right: 12px;
   transition: none;
@@ -1029,10 +845,30 @@
     grid-column: span 2;
   }
 }
+.dataviews-view-config__sort-controls > * {
+  flex: 1;
+}
+
 .dataviews-view-config__label {
   text-wrap: nowrap;
 }
 
+.dataviews-view-config__toggle-wrapper {
+  position: relative;
+  display: inline-flex;
+}
+
+.dataviews-view-config__modified-indicator {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  width: 4px;
+  height: 4px;
+  background: var(--wp-admin-theme-color, #3858e9);
+  border-radius: 50%;
+  pointer-events: none;
+}
+
 .dataviews-view-grid-items {
   margin-bottom: auto;
   display: grid;
@@ -1086,7 +922,7 @@
   justify-content: flex-start;
   position: relative;
 }
-.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
+.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title {
   padding: 8px 0 4px;
 }
 .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field {
@@ -1119,6 +955,9 @@
   overflow: hidden;
   position: relative;
 }
+.dataviews-view-grid .dataviews-view-grid__media.dataviews-view-grid__media--placeholder {
+  aspect-ratio: 3/1;
+}
 .dataviews-view-grid .dataviews-view-grid__media img {
   object-fit: cover;
   width: 100%;
@@ -1135,6 +974,14 @@
   border-radius: 4px;
   pointer-events: none;
 }
+.dataviews-view-grid .dataviews-view-grid__media .dataviews-view-grid__media-placeholder {
+  width: 100%;
+  height: 100%;
+  display: block;
+  border-radius: 4px;
+  box-shadow: none;
+  background: #f0f0f0;
+}
 .dataviews-view-grid .dataviews-view-grid__fields {
   position: relative;
   font-size: 12px;
@@ -1205,6 +1052,7 @@
 
 .dataviews-view-grid__card .dataviews-view-grid__media-actions {
   position: absolute;
+  z-index: 1;
   top: 4px;
   opacity: 0;
   right: 4px;
@@ -1411,6 +1259,7 @@ div.dataviews-view-list {
 .dataviews-view-list .dataviews-view-list__field-wrapper {
   min-height: 52px;
   flex-grow: 1;
+  min-width: 0;
 }
 .dataviews-view-list .dataviews-view-list__field {
   color: #757575;
@@ -2083,6 +1932,10 @@ div.dataviews-view-list {
   min-width: 0;
 }
 
+.dataviews-controls__color-picker-dropdown {
+  display: flex;
+}
+
 .dataviews-controls__date-preset {
   border: 1px solid #ddd;
 }
@@ -2090,35 +1943,100 @@ 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);
+}
+.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);
+}
+
+.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);
+}
+.dataforms-layouts-panel__field-trigger-icon:focus-visible {
+  opacity: 1;
+  outline: var(--wpds-border-width-focus) 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;
 }
-.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;
@@ -2126,23 +2044,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);
   display: flex;
   align-items: center;
+  overflow: hidden;
+  font-weight: var(--wpds-font-weight-medium);
 }
-.dataforms-layouts-panel__field-control .components-button {
-  max-width: 100%;
-  text-align: left;
-  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 {
@@ -2162,16 +2086,16 @@ 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 {
+  color: #757575;
+}
 
 .dataforms-layouts-regular__field-label {
   width: 38%;
@@ -2185,6 +2109,9 @@ div.dataviews-view-list {
 .dataforms-layouts-regular__field-label--label-position-side {
   align-self: center;
 }
+.dataforms-layouts-regular__field-label .components-base-control__label {
+  margin-bottom: 0;
+}
 
 .dataforms-layouts-regular__field-control {
   flex-grow: 1;

package/build-types/components/dataform-controls/adaptive-select.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import type { DataFormControlProps } from '../../types';
+export default function AdaptiveSelect<Item>(props: DataFormControlProps<Item>): import("react").JSX.Element;
+//# sourceMappingURL=adaptive-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"adaptive-select.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/adaptive-select.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAE,IAAI,EAC3C,KAAK,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAWnC"}

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

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function ArrayControl<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function ArrayControl<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=array.d.ts.map

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,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA2F9B"}
+{"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"}

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

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Checkbox<Item>({ field, onChange, data, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Checkbox<Item>({ field, onChange, data, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=checkbox.d.ts.map

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,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAoB9B"}
+{"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"}

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

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Color<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Color<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=color.d.ts.map

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,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAqC9B"}
+{"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/date.d.ts

@@ -1,3 +1,3 @@
 import type { DataFormControlProps } from '../../types';
-export default function DateControl<Item>({ data, field, onChange, hideLabelFromVision, operator, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function DateControl<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, operator, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=date.d.ts.map

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;AAsnBrB,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,IAAI,EAAI,EAC5C,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAmC9B"}
+{"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;AA2nBrB,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"}

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

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function DateTime<Item>({ data, field, onChange, hideLabelFromVision, operator, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function DateTime<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, operator, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=datetime.d.ts.map

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;AAyLxE,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAE,IAAI,EAAI,EACzC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAuB9B"}
+{"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;AAiMxE,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/email.d.ts

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Email<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Email<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=email.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/email.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BAkB9B"}
+{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/email.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD,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,+BAmB9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAc,MAAM,aAAa,CAAC;AAkE3E,wBAAgB,UAAU,CAAE,IAAI,EAC/B,KAAK,EAAE,KAAK,CAAE,IAAI,CAAE,EACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACrB,aAAa,CAAE,oBAAoB,CAAE,IAAI,CAAE,CAAE,GAAG,IAAI,CAsBtD;AAED,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,MAAM,mDAM7C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAc,MAAM,aAAa,CAAC;AAoE3E,wBAAgB,UAAU,CAAE,IAAI,EAC/B,KAAK,EAAE,KAAK,CAAE,IAAI,CAAE,EACpB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACrB,aAAa,CAAE,oBAAoB,CAAE,IAAI,CAAE,CAAE,GAAG,IAAI,CAsBtD;AAED,wBAAgB,gBAAgB,CAAE,IAAI,EAAE,MAAM,mDAM7C"}

package/build-types/components/dataform-controls/password.d.ts

@@ -1,3 +1,3 @@
 import type { DataFormControlProps } from '../../types';
-export default function Password<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Password<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=password.d.ts.map

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

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

package/build-types/components/dataform-controls/radio.d.ts

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Radio<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Radio<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=radio.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/radio.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAE,IAAI,EAAI,EACtC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,mBAAmB,EACnB,QAAQ,GACR,EAAE,oBAAoB,CAAE,IAAI,CAAE,+BA8B9B"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/dataform-controls/radio.tsx"],"names":[],"mappings":"AAMA;;GAEG;AACH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD,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,+BA+B9B"}

package/build-types/components/dataform-controls/select.d.ts

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Select<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Select<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=select.d.ts.map

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

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

package/build-types/components/dataform-controls/telephone.d.ts

@@ -2,5 +2,5 @@
  * Internal dependencies
  */
 import type { DataFormControlProps } from '../../types';
-export default function Telephone<Item>({ data, field, onChange, hideLabelFromVision, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
+export default function Telephone<Item>({ data, field, onChange, hideLabelFromVision, markWhenOptional, validity, }: DataFormControlProps<Item>): import("react").JSX.Element;
 //# sourceMappingURL=telephone.d.ts.map