udp-stencil-component-library 26.8.0-beta.2 → 26.8.0-beta.4

package/dist/cjs/udp-detail-list.cjs.entry.js

@@ -140,7 +140,7 @@ const UdpDetailList = class {
         const queries = this.getQueries();
         const gridStyle = this.getGridStyle();
         const useContainerQuery = this.layout === 'auto' && Object.keys(queries).length > 0;
-        return (index.h(index.Host, { key: '728d38bf920169bcc5e8b4842b5af33e5419ce08', role: "list", class: {
+        return (index.h(index.Host, { key: '392ee743ad57e80a0eff874d531ca7f883f326d3', role: "list", class: {
                 'udp-detail-list': true,
                 'udp-detail-list--density-compact': this.density === 'compact',
             } }, useContainerQuery ? (index.h("udp-container-query", { queries: queries }, index.h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, index.h("slot", null)))) : (index.h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, index.h("slot", null)))));

package/dist/collection/components/data-display/detail-list/udp-detail-list.js

@@ -2,6 +2,10 @@ import { h, Host } from "@stencil/core";
 const DEFAULT_COLUMNS = 3;
 const BREAKPOINT_2COL = 560;
 const BREAKPOINT_3COL = 920;
+/**
+ * Read-only label/value pairs for a record summary (a description list).
+ * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+ */
 export class UdpDetailList {
     constructor() {
         /** Desired number of columns when space allows. Default 3. */
@@ -134,7 +138,7 @@ export class UdpDetailList {
         const queries = this.getQueries();
         const gridStyle = this.getGridStyle();
         const useContainerQuery = this.layout === 'auto' && Object.keys(queries).length > 0;
-        return (h(Host, { key: '728d38bf920169bcc5e8b4842b5af33e5419ce08', role: "list", class: {
+        return (h(Host, { key: '392ee743ad57e80a0eff874d531ca7f883f326d3', role: "list", class: {
                 'udp-detail-list': true,
                 'udp-detail-list--density-compact': this.density === 'compact',
             } }, useContainerQuery ? (h("udp-container-query", { queries: queries }, h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, h("slot", null)))) : (h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, h("slot", null)))));

package/dist/components/udp-detail-list.js

@@ -1,2 +1,2 @@
 import "../stencil-library/stencil-library.css";
-import{p as t,H as i,h as s,d as e,t as l}from"./index2.js";import{d as a}from"./udp-container-query2.js";const n=560,o=920,r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.columns=3,this.minColumnWidth="18rem",this.layout="auto",this.balance="auto",this.density="default",this.dividers="none"}componentDidLoad(){this.syncItems(),this.observeSlotAndResize()}componentDidUpdate(){this.syncItems()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}observeSlotAndResize(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.addEventListener("slotchange",(()=>this.syncItems())),this.resizeObserver=new ResizeObserver((()=>this.syncItems())),this.resizeObserver.observe(this.el)}getNormalizedColumnBreakpoints(){var t;if(!(null===(t=this.columnBreakpoints)||void 0===t?void 0:t.length))return[];const i=this.columnBreakpoints.map((t=>[Number(null==t?void 0:t.minWidth),Number(null==t?void 0:t.columns)])).filter((([t,i])=>Number.isFinite(t)&&t>=0&&Number.isFinite(i)&&i>=1)).map((([t,i])=>[Math.floor(t),Math.floor(i)])).sort(((t,i)=>t[0]-i[0]));return 0===i.length?[]:(0!==i[0][0]&&i.unshift([0,1]),i)}getQueries(){if("auto"!==this.layout)return{};const t=this.getNormalizedColumnBreakpoints();if(t.length>0)return t.reduce(((t,[i,s])=>Object.assign(Object.assign({},t),{[i]:{"--detail-list-cols":s+""}})),{});const i=Math.max(1,Math.min(this.columns,3));return{0:{"--detail-list-cols":"1"},[n]:{"--detail-list-cols":Math.min(2,i)+""},[o]:{"--detail-list-cols":i+""}}}getGridStyle(){return"stack"===this.layout?{"--detail-list-cols":"1"}:"columns"===this.layout?{"--detail-list-cols":Math.max(1,this.columns)+""}:{}}getEffectiveBalance(){return"even"===this.balance?"even":"preserve-order"}getItemElements(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");return i?i.assignedElements({flatten:!0}).filter((t=>"UDP-DETAIL-LIST-ITEM"===t.tagName)):[]}syncItems(){const t=this.getItemElements(),i=this.gridRef;if(!i)return;const s="compact"===this.density?"compact":null;t.forEach((t=>{const i=t;s?i.setAttribute("data-density",s):i.removeAttribute("data-density")}));const e=getComputedStyle(i).getPropertyValue("--detail-list-cols").trim()||"1",l=Math.max(1,parseInt(e,10)||1),a=t.length,n=a>0?Math.floor((a-1)/l)*l:0;t.forEach(((t,i)=>{const s=t;"row"===this.dividers&&i<n?s.setAttribute("data-divider",""):s.removeAttribute("data-divider")})),"even"===this.getEffectiveBalance()&&0!==t.length?t.forEach(((t,i)=>{const s=t,e=i%l,a=Math.floor(i/l);s.style.gridColumn=e+1+"",s.style.gridRow=a+1+""})):t.forEach((t=>{const i=t;i.style.gridColumn="",i.style.gridRow=""}))}render(){const t=this.getQueries(),i=this.getGridStyle();return s(e,{key:"728d38bf920169bcc5e8b4842b5af33e5419ce08",role:"list",class:{"udp-detail-list":!0,"udp-detail-list--density-compact":"compact"===this.density}},"auto"===this.layout&&Object.keys(t).length>0?s("udp-container-query",{queries:t},s("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:i},s("slot",null))):s("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:i},s("slot",null)))}get el(){return this}static get style(){return":host{display:block;box-sizing:border-box;width:100%}.udp-detail-list__grid{display:grid;grid-template-columns:repeat(var(--detail-list-cols, 1), minmax(0, 1fr));grid-auto-flow:row;gap:var(--spacingVerticalM, 12px) var(--spacingHorizontalM, 12px);align-content:start}:host(.udp-detail-list--density-compact) .udp-detail-list__grid{gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px)}"}},[257,"udp-detail-list",{columns:[2],columnBreakpoints:[16],minColumnWidth:[1,"min-column-width"],layout:[1],balance:[1],density:[1],dividers:[1]}]),d=r,c=function(){"undefined"!=typeof customElements&&["udp-detail-list","udp-container-query"].forEach((t=>{switch(t){case"udp-detail-list":customElements.get(l(t))||customElements.define(l(t),r);break;case"udp-container-query":customElements.get(l(t))||a()}}))};export{d as UdpDetailList,c as defineCustomElement}
+import{p as t,H as i,h as s,d as e,t as l}from"./index2.js";import{d as a}from"./udp-container-query2.js";const n=560,o=920,r=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.columns=3,this.minColumnWidth="18rem",this.layout="auto",this.balance="auto",this.density="default",this.dividers="none"}componentDidLoad(){this.syncItems(),this.observeSlotAndResize()}componentDidUpdate(){this.syncItems()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}observeSlotAndResize(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.addEventListener("slotchange",(()=>this.syncItems())),this.resizeObserver=new ResizeObserver((()=>this.syncItems())),this.resizeObserver.observe(this.el)}getNormalizedColumnBreakpoints(){var t;if(!(null===(t=this.columnBreakpoints)||void 0===t?void 0:t.length))return[];const i=this.columnBreakpoints.map((t=>[Number(null==t?void 0:t.minWidth),Number(null==t?void 0:t.columns)])).filter((([t,i])=>Number.isFinite(t)&&t>=0&&Number.isFinite(i)&&i>=1)).map((([t,i])=>[Math.floor(t),Math.floor(i)])).sort(((t,i)=>t[0]-i[0]));return 0===i.length?[]:(0!==i[0][0]&&i.unshift([0,1]),i)}getQueries(){if("auto"!==this.layout)return{};const t=this.getNormalizedColumnBreakpoints();if(t.length>0)return t.reduce(((t,[i,s])=>Object.assign(Object.assign({},t),{[i]:{"--detail-list-cols":s+""}})),{});const i=Math.max(1,Math.min(this.columns,3));return{0:{"--detail-list-cols":"1"},[n]:{"--detail-list-cols":Math.min(2,i)+""},[o]:{"--detail-list-cols":i+""}}}getGridStyle(){return"stack"===this.layout?{"--detail-list-cols":"1"}:"columns"===this.layout?{"--detail-list-cols":Math.max(1,this.columns)+""}:{}}getEffectiveBalance(){return"even"===this.balance?"even":"preserve-order"}getItemElements(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");return i?i.assignedElements({flatten:!0}).filter((t=>"UDP-DETAIL-LIST-ITEM"===t.tagName)):[]}syncItems(){const t=this.getItemElements(),i=this.gridRef;if(!i)return;const s="compact"===this.density?"compact":null;t.forEach((t=>{const i=t;s?i.setAttribute("data-density",s):i.removeAttribute("data-density")}));const e=getComputedStyle(i).getPropertyValue("--detail-list-cols").trim()||"1",l=Math.max(1,parseInt(e,10)||1),a=t.length,n=a>0?Math.floor((a-1)/l)*l:0;t.forEach(((t,i)=>{const s=t;"row"===this.dividers&&i<n?s.setAttribute("data-divider",""):s.removeAttribute("data-divider")})),"even"===this.getEffectiveBalance()&&0!==t.length?t.forEach(((t,i)=>{const s=t,e=i%l,a=Math.floor(i/l);s.style.gridColumn=e+1+"",s.style.gridRow=a+1+""})):t.forEach((t=>{const i=t;i.style.gridColumn="",i.style.gridRow=""}))}render(){const t=this.getQueries(),i=this.getGridStyle();return s(e,{key:"392ee743ad57e80a0eff874d531ca7f883f326d3",role:"list",class:{"udp-detail-list":!0,"udp-detail-list--density-compact":"compact"===this.density}},"auto"===this.layout&&Object.keys(t).length>0?s("udp-container-query",{queries:t},s("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:i},s("slot",null))):s("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:i},s("slot",null)))}get el(){return this}static get style(){return":host{display:block;box-sizing:border-box;width:100%}.udp-detail-list__grid{display:grid;grid-template-columns:repeat(var(--detail-list-cols, 1), minmax(0, 1fr));grid-auto-flow:row;gap:var(--spacingVerticalM, 12px) var(--spacingHorizontalM, 12px);align-content:start}:host(.udp-detail-list--density-compact) .udp-detail-list__grid{gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px)}"}},[257,"udp-detail-list",{columns:[2],columnBreakpoints:[16],minColumnWidth:[1,"min-column-width"],layout:[1],balance:[1],density:[1],dividers:[1]}]),d=r,c=function(){"undefined"!=typeof customElements&&["udp-detail-list","udp-container-query"].forEach((t=>{switch(t){case"udp-detail-list":customElements.get(l(t))||customElements.define(l(t),r);break;case"udp-container-query":customElements.get(l(t))||a()}}))};export{d as UdpDetailList,c as defineCustomElement}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-09-16T18:29:46",
+  "timestamp": "2026-09-18T17:13:48",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.41.3",
@@ -41979,7 +41979,7 @@
       "encapsulation": "shadow",
       "tag": "udp-detail-list",
       "readme": "# udp-detail-list-item\n\n\n",
-      "docs": "",
+      "docs": "Read-only label/value pairs for a record summary (a description list).\nLays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.",
       "docsTags": [],
       "usage": {},
       "props": [

package/dist/esm/udp-detail-list.entry.js

@@ -138,7 +138,7 @@ const UdpDetailList = class {
         const queries = this.getQueries();
         const gridStyle = this.getGridStyle();
         const useContainerQuery = this.layout === 'auto' && Object.keys(queries).length > 0;
-        return (h(Host, { key: '728d38bf920169bcc5e8b4842b5af33e5419ce08', role: "list", class: {
+        return (h(Host, { key: '392ee743ad57e80a0eff874d531ca7f883f326d3', role: "list", class: {
                 'udp-detail-list': true,
                 'udp-detail-list--density-compact': this.density === 'compact',
             } }, useContainerQuery ? (h("udp-container-query", { queries: queries }, h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, h("slot", null)))) : (h("div", { class: "udp-detail-list__grid", ref: (el) => (this.gridRef = el), style: gridStyle }, h("slot", null)))));

package/dist/stencil-library/udp-detail-list.entry.js

@@ -1 +1 @@
-import{r as t,h as i,H as s,a as e}from"./index-Cgpvu-iV.js";const l=560,a=920,r=class{constructor(i){t(this,i),this.columns=3,this.minColumnWidth="18rem",this.layout="auto",this.balance="auto",this.density="default",this.dividers="none"}componentDidLoad(){this.syncItems(),this.observeSlotAndResize()}componentDidUpdate(){this.syncItems()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}observeSlotAndResize(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.addEventListener("slotchange",(()=>this.syncItems())),this.resizeObserver=new ResizeObserver((()=>this.syncItems())),this.resizeObserver.observe(this.el)}getNormalizedColumnBreakpoints(){var t;if(!(null===(t=this.columnBreakpoints)||void 0===t?void 0:t.length))return[];const i=this.columnBreakpoints.map((t=>[Number(null==t?void 0:t.minWidth),Number(null==t?void 0:t.columns)])).filter((([t,i])=>Number.isFinite(t)&&t>=0&&Number.isFinite(i)&&i>=1)).map((([t,i])=>[Math.floor(t),Math.floor(i)])).sort(((t,i)=>t[0]-i[0]));return 0===i.length?[]:(0!==i[0][0]&&i.unshift([0,1]),i)}getQueries(){if("auto"!==this.layout)return{};const t=this.getNormalizedColumnBreakpoints();if(t.length>0)return t.reduce(((t,[i,s])=>Object.assign(Object.assign({},t),{[i]:{"--detail-list-cols":String(s)}})),{});const i=Math.max(1,Math.min(this.columns,3));return{0:{"--detail-list-cols":"1"},[l]:{"--detail-list-cols":String(Math.min(2,i))},[a]:{"--detail-list-cols":String(i)}}}getGridStyle(){return"stack"===this.layout?{"--detail-list-cols":"1"}:"columns"===this.layout?{"--detail-list-cols":String(Math.max(1,this.columns))}:{}}getEffectiveBalance(){return"even"===this.balance?"even":"preserve-order"}getItemElements(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");return i?i.assignedElements({flatten:!0}).filter((t=>"UDP-DETAIL-LIST-ITEM"===t.tagName)):[]}syncItems(){const t=this.getItemElements(),i=this.gridRef;if(!i)return;const s="compact"===this.density?"compact":null;t.forEach((t=>{const i=t;s?i.setAttribute("data-density",s):i.removeAttribute("data-density")}));const e=getComputedStyle(i).getPropertyValue("--detail-list-cols").trim()||"1",l=Math.max(1,parseInt(e,10)||1),a=t.length,r=a>0?Math.floor((a-1)/l)*l:0;t.forEach(((t,i)=>{const s=t;"row"===this.dividers&&i<r?s.setAttribute("data-divider",""):s.removeAttribute("data-divider")})),"even"===this.getEffectiveBalance()&&0!==t.length?t.forEach(((t,i)=>{const s=t,e=i%l,a=Math.floor(i/l);s.style.gridColumn=String(e+1),s.style.gridRow=String(a+1)})):t.forEach((t=>{const i=t;i.style.gridColumn="",i.style.gridRow=""}))}render(){const t=this.getQueries(),e=this.getGridStyle(),l="auto"===this.layout&&Object.keys(t).length>0;return i(s,{key:"728d38bf920169bcc5e8b4842b5af33e5419ce08",role:"list",class:{"udp-detail-list":!0,"udp-detail-list--density-compact":"compact"===this.density}},l?i("udp-container-query",{queries:t},i("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:e},i("slot",null))):i("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:e},i("slot",null)))}get el(){return e(this)}};r.style=":host{display:block;box-sizing:border-box;width:100%}.udp-detail-list__grid{display:grid;grid-template-columns:repeat(var(--detail-list-cols, 1), minmax(0, 1fr));grid-auto-flow:row;gap:var(--spacingVerticalM, 12px) var(--spacingHorizontalM, 12px);align-content:start}:host(.udp-detail-list--density-compact) .udp-detail-list__grid{gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px)}";export{r as udp_detail_list}
+import{r as t,h as i,H as s,a as e}from"./index-Cgpvu-iV.js";const a=560,l=920,r=class{constructor(i){t(this,i),this.columns=3,this.minColumnWidth="18rem",this.layout="auto",this.balance="auto",this.density="default",this.dividers="none"}componentDidLoad(){this.syncItems(),this.observeSlotAndResize()}componentDidUpdate(){this.syncItems()}disconnectedCallback(){var t;null===(t=this.resizeObserver)||void 0===t||t.disconnect()}observeSlotAndResize(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");i&&i.addEventListener("slotchange",(()=>this.syncItems())),this.resizeObserver=new ResizeObserver((()=>this.syncItems())),this.resizeObserver.observe(this.el)}getNormalizedColumnBreakpoints(){var t;if(!(null===(t=this.columnBreakpoints)||void 0===t?void 0:t.length))return[];const i=this.columnBreakpoints.map((t=>[Number(null==t?void 0:t.minWidth),Number(null==t?void 0:t.columns)])).filter((([t,i])=>Number.isFinite(t)&&t>=0&&Number.isFinite(i)&&i>=1)).map((([t,i])=>[Math.floor(t),Math.floor(i)])).sort(((t,i)=>t[0]-i[0]));return 0===i.length?[]:(0!==i[0][0]&&i.unshift([0,1]),i)}getQueries(){if("auto"!==this.layout)return{};const t=this.getNormalizedColumnBreakpoints();if(t.length>0)return t.reduce(((t,[i,s])=>Object.assign(Object.assign({},t),{[i]:{"--detail-list-cols":String(s)}})),{});const i=Math.max(1,Math.min(this.columns,3));return{0:{"--detail-list-cols":"1"},[a]:{"--detail-list-cols":String(Math.min(2,i))},[l]:{"--detail-list-cols":String(i)}}}getGridStyle(){return"stack"===this.layout?{"--detail-list-cols":"1"}:"columns"===this.layout?{"--detail-list-cols":String(Math.max(1,this.columns))}:{}}getEffectiveBalance(){return"even"===this.balance?"even":"preserve-order"}getItemElements(){var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot");return i?i.assignedElements({flatten:!0}).filter((t=>"UDP-DETAIL-LIST-ITEM"===t.tagName)):[]}syncItems(){const t=this.getItemElements(),i=this.gridRef;if(!i)return;const s="compact"===this.density?"compact":null;t.forEach((t=>{const i=t;s?i.setAttribute("data-density",s):i.removeAttribute("data-density")}));const e=getComputedStyle(i).getPropertyValue("--detail-list-cols").trim()||"1",a=Math.max(1,parseInt(e,10)||1),l=t.length,r=l>0?Math.floor((l-1)/a)*a:0;t.forEach(((t,i)=>{const s=t;"row"===this.dividers&&i<r?s.setAttribute("data-divider",""):s.removeAttribute("data-divider")})),"even"===this.getEffectiveBalance()&&0!==t.length?t.forEach(((t,i)=>{const s=t,e=i%a,l=Math.floor(i/a);s.style.gridColumn=String(e+1),s.style.gridRow=String(l+1)})):t.forEach((t=>{const i=t;i.style.gridColumn="",i.style.gridRow=""}))}render(){const t=this.getQueries(),e=this.getGridStyle(),a="auto"===this.layout&&Object.keys(t).length>0;return i(s,{key:"392ee743ad57e80a0eff874d531ca7f883f326d3",role:"list",class:{"udp-detail-list":!0,"udp-detail-list--density-compact":"compact"===this.density}},a?i("udp-container-query",{queries:t},i("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:e},i("slot",null))):i("div",{class:"udp-detail-list__grid",ref:t=>this.gridRef=t,style:e},i("slot",null)))}get el(){return e(this)}};r.style=":host{display:block;box-sizing:border-box;width:100%}.udp-detail-list__grid{display:grid;grid-template-columns:repeat(var(--detail-list-cols, 1), minmax(0, 1fr));grid-auto-flow:row;gap:var(--spacingVerticalM, 12px) var(--spacingHorizontalM, 12px);align-content:start}:host(.udp-detail-list--density-compact) .udp-detail-list__grid{gap:var(--spacingVerticalS, 8px) var(--spacingHorizontalS, 8px)}";export{r as udp_detail_list}

package/dist/types/components/data-display/detail-list/udp-detail-list.d.ts

@@ -14,6 +14,10 @@ export type DetailListColumnBreakpoint = {
     minWidth: number;
     columns: number;
 };
+/**
+ * Read-only label/value pairs for a record summary (a description list).
+ * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+ */
 export declare class UdpDetailList {
     el: HTMLElement;
     /** Desired number of columns when space allows. Default 3. */

package/dist/types/components.d.ts

@@ -5137,6 +5137,10 @@ export namespace Components {
          */
         "value": string;
     }
+    /**
+     * Read-only label/value pairs for a record summary (a description list).
+     * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+     */
     interface UdpDetailList {
         /**
           * auto = preserve-order; even = round-robin; preserve-order = fill col1 then col2.
@@ -13187,6 +13191,10 @@ declare global {
         prototype: HTMLUdpDatetimeSelectorElement;
         new (): HTMLUdpDatetimeSelectorElement;
     };
+    /**
+     * Read-only label/value pairs for a record summary (a description list).
+     * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+     */
     interface HTMLUdpDetailListElement extends Components.UdpDetailList, HTMLStencilElement {
     }
     var HTMLUdpDetailListElement: {
@@ -20655,6 +20663,10 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    /**
+     * Read-only label/value pairs for a record summary (a description list).
+     * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+     */
     interface UdpDetailList {
         /**
           * auto = preserve-order; even = round-robin; preserve-order = fill col1 then col2.
@@ -27848,6 +27860,10 @@ declare module "@stencil/core" {
              * Use `udp-date-time-input` instead.
              */
             "udp-datetime-selector": LocalJSX.UdpDatetimeSelector & JSXBase.HTMLAttributes<HTMLUdpDatetimeSelectorElement>;
+            /**
+             * Read-only label/value pairs for a record summary (a description list).
+             * Lays `udp-detail-list-item` children out in responsive columns; never a hand-rolled grid of `udp-text`.
+             */
             "udp-detail-list": LocalJSX.UdpDetailList & JSXBase.HTMLAttributes<HTMLUdpDetailListElement>;
             /**
              * A single label/value pair for use inside udp-detail-list.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "udp-stencil-component-library",
-  "version": "26.8.0-beta.2",
+  "version": "26.8.0-beta.4",
   "description": "A Stencil based component library for UDP",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",