udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

package/dist/collection/components/my-component/UI/buttons/icon-button/primary-button/custom-button.js

@@ -39,7 +39,7 @@ export class CustomButton {
         else if (this.size === 'tall') {
             buttonClass += ' my-button--tall';
         }
-        return (h("button", { key: '058a28982fc48894d84365865e8db06e13dde60d', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '678ee3c34566b1737a14bc7d136b200ebd17ac6f' })));
+        return (h("button", { key: '9f9308f5f38ae89dd1f563c20cbabc688c539b16', type: this.type, class: buttonClass, onClick: this.handleButtonClick, disabled: this.disabled }, this.label, h("slot", { key: '5653ac76182fced70bf5261098952b30ca010771' })));
     }
     static get is() { return "custom-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/buttons/icon-button/radio-button/udp-radio-button.js

@@ -5,7 +5,7 @@ export class UdpRadioButton {
         this.disabled = false;
     }
     render() {
-        return (h("div", { key: 'aa3fcd7570cb96b9e9d024e3f1214ed8fb0de6e2', class: "udp-radio-button" }, h("slot", { key: '8158e23ea7ff466cd66748ac8c6bbf00c03f7011' }, h("input", { key: 'b6a3a48346f421b2c84ef55f16d26717abc5c179', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '27beb73bc9f996499c0fc69ea74cf6d0f87b50e2', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'c339d392e61f02fabb1cf35478fd955922627478', variant: 'caption-text' }, " ", this.label, "  "), " "))));
+        return (h("div", { key: '1bf7fc9f24dfff966b384a52b51be3b3afaaa76a', class: "udp-radio-button" }, h("slot", { key: 'a04ce2e85cf69868add7dcd1f8d51829e3adbcb5' }, h("input", { key: '6062007ab20d41039dde00069e6df1dd22eaff3f', type: "radio", name: this.name, value: this.value, checked: this.checked, disabled: this.disabled, id: `radio-${this.name}-${this.value}` }), h("label", { key: '448388a4d86306f411e927568d7df3e7e40a16a6', htmlFor: `radio-${this.name}-${this.value}` }, " ", h("unity-typography", { key: 'a71401bee9ddc1cf2a306583a13b3cd4a5180c30', variant: 'caption-text' }, " ", this.label, "  "), " "))));
     }
     static get is() { return "udp-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/my-component/UI/buttons/udp-button/udp-button.js

@@ -116,7 +116,7 @@ export class UdpButton {
         else {
             attributes.type = this.type;
         }
-        return (h(TagType, Object.assign({ key: '3eb3a4b71edb7a1cf04ebb2672a61165f1116e12' }, attributes), h("div", { key: 'c5109eaa6624f887fa72a73836e42e84642452cd', class: "udp-button__spinner" }), h("span", { key: 'fe127ad7bd17a175a02327db12c971465bc7f1a8', class: "udp-button__content-wrapper" }, this.startIcon && (h("span", { key: '527e4502b02df0009e861c195f939df5c025d52e', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), h("span", { key: 'a8ad3a8d9168060d2ff51341e268d38531c44f7a', class: "udp-button__text-content" }, h("slot", { key: '95ec051ecdd194e3c1fb0145bf9f1d9632aaff19' })), this.endIcon && (h("span", { key: 'df6c22f7537fe5d9eef5e3fa9c87f335729b21ab', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
+        return (h(TagType, Object.assign({ key: 'a7c5e84ace11fcaa4c1ce860a56d0f21884042ea' }, attributes), h("div", { key: '074b6704a0ffd5f36693c671aaf247cdda765747', class: "udp-button__spinner" }), h("span", { key: 'db350dd746f13cc29c98293447c90edab30ccfd6', class: "udp-button__content-wrapper" }, this.startIcon && (h("span", { key: 'ea8afce99fe56db0f1860b589e34e8cd46118d7c', class: "udp-button__icon udp-button__icon--start", "aria-hidden": "true" }, this.startIcon)), h("span", { key: '12818dd99a11f7c4a025b2910e87663483d7edb1', class: "udp-button__text-content" }, h("slot", { key: 'b19eb4f2f6408cb44edadb9580da10d03ccd0c72' })), this.endIcon && (h("span", { key: 'db815c5f23df3e38c48df9c2687d8ea095c91d3e', class: "udp-button__icon udp-button__icon--end", "aria-hidden": "true" }, this.endIcon)))));
     }
     static get is() { return "udp-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-base.js

@@ -122,7 +122,7 @@ export class UdpCalendarBase {
     render() {
         const calendarStyle = Object.assign({}, (this.width !== null ? { width: this.width + 'px' } : {}) // Conditionally add width property
         );
-        return (h("div", { key: '7d03ec3c6f36d37817e0e66ed7f1d43d51483f92', id: 'calendar', style: calendarStyle }));
+        return (h("div", { key: '6aa4c11c5974fcf6f1a5de081e0e44e4c5881794', id: 'calendar', style: calendarStyle }));
     }
     static get is() { return "udp-calendar-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-day.js

@@ -7,7 +7,7 @@ export class UdpCalendarDay {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '48964793008fc4a1999fe007baaecf006491253a', initialView: 'dayGridDay' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: 'eda41b82a073cce838cb0ed17ce6fe6837cb7dcf', initialView: 'dayGridDay' }, this.props)));
     }
     static get is() { return "udp-calendar-day"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-month.js

@@ -7,7 +7,7 @@ export class UdpCalendarMonth {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: 'a961702bbf34f808c33ab32c36e97c5acd8c7a2a', initialView: 'dayGridMonth' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '9b424e8ad395f89ca614d8ce580d1a0ff843e78e', initialView: 'dayGridMonth' }, this.props)));
     }
     static get is() { return "udp-calendar-month"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-week.js

@@ -7,7 +7,7 @@ export class UdpCalendarWeek {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '1a3a3f243480dc0b8edb378706c4992e4739d85f', initialView: 'dayGridWeek' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '55a306e034fdf1cec3d605b078ca63edd49da3f8', initialView: 'dayGridWeek' }, this.props)));
     }
     static get is() { return "udp-calendar-week"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/calendar/udp-calendar-year.js

@@ -7,7 +7,7 @@ export class UdpCalendarYear {
     componentWillLoad() {
     }
     render() {
-        return (h("udp-calendar-base", Object.assign({ key: '338f820de2909bc35cd1dcf0cacf18782853f44d', initialView: 'dayGridYear' }, this.props)));
+        return (h("udp-calendar-base", Object.assign({ key: '462eb65e73ea3d1f5407d02da9ff046c04f20420', initialView: 'dayGridYear' }, this.props)));
     }
     static get is() { return "udp-calendar-year"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/chart-kpi/chart-kpi.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class ChartKpi {
     render() {
-        return (h(Host, { key: '6714133469f134b7b484a538046c4e98777f8d58', class: "chart-kpi-container" }, h("unity-typography", { key: 'c7156f8d1af17d56c52ae7b04b66f0cb11e9bc8e', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: 'bb83487c9a28f93f07b1c03057e051df8697f1c2', class: 'element', variant: 'caption-text' }, this.label)));
+        return (h(Host, { key: '436148c37dbf47597da804f8704541f384e19cd7', class: "chart-kpi-container" }, h("unity-typography", { key: '9cf2177e187d3bd6652630db29d92dc52f4c1fdb', class: 'element', variant: 'data-display-four' }, this.value), h("unity-typography", { key: '5a0d8cbf8230d67a4012cffd84f6816578e1c54b', class: 'element', variant: 'caption-text' }, this.label)));
     }
     static get is() { return "chart-kpi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-bar-chart/udp-bar-chart.js

@@ -36,7 +36,7 @@ export class UdpBarChart {
         this.chartId = uuid();
     }
     render() {
-        return (h("udp-xy-chart", { key: '18603b9864e8d89b61427a2f049d77f2621721f7', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.labelField, valueField: this.valueField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, hideBorder: this.hideBorder, removePadding: this.removePadding, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel }));
+        return (h("udp-xy-chart", { key: 'd551287d3e529dca14582e71ff687cefa79e4cfc', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.labelField, valueField: this.valueField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, hideBorder: this.hideBorder, removePadding: this.removePadding, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel }));
     }
     static get is() { return "udp-bar-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-charts-example.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class UdpChartsExample {
     render() {
-        return (h(Host, { key: '473a1f06ef8849e12d8eae9416e9855c7ed4fa19', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '011c5b108b019f84e277a6c7e8df5b4e73fa8a1f', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'd364f7496d903291aa5820a440ff0cbe2e5e450e' }), h("udp-bar-chart", { key: '76773e0e26477f3c82e8c00134e85301770e7649' }), h("udp-line-chart", { key: '6251ca89855ef9b87269bf111d70816dcc8780ea' })));
+        return (h(Host, { key: '3d363f23bd976ae0389800768b40e1b9e7b8fd9e', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '1e5fd2d0df2de43e1c41cfe7340689bfa7b2cd0d', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'a693dd0f31f7ff8029b39d5178deef02bae27082' }), h("udp-bar-chart", { key: '2f6d0d1b242f6a15342eb2dd35c45bd137ee0928' }), h("udp-line-chart", { key: '7172d5804f8c503b78a639a22c0746cf2944a111' })));
     }
     static get is() { return "udp-charts-example"; }
 }

package/dist/collection/components/my-component/UI/charts/udp-distribution-chart/udp-distribution-chart.js

@@ -90,7 +90,7 @@ export class UdpDistributionChart {
         this.transformData();
     }
     render() {
-        return (h("udp-xy-chart", { key: '51750b7fb6eba95b8987e9f2a67078ab32b52132', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '87692b9ed89a77c2cb9e1b5fa6aec121a288ec91', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-distribution-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-donut-chart/udp-donut-chart.js

@@ -90,7 +90,7 @@ export class UdpDonutChart {
         }
     }
     render() {
-        return (h("chart-container", { key: '7cac31b737c79839283dc3ae8489e79487d0db41', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ede0fa20539da6d2471676157559fb9f2317a19a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-donut-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-line-chart/udp-line-chart.js

@@ -29,7 +29,7 @@ export class UdpLineChart {
         this.removePadding = false;
     }
     render() {
-        return (h("udp-xy-chart", { key: '92cdbee4bb998251a3c9589dab207ff90b54a051', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '0802cdccb8b6c5f4c7f4b8609fa886fc9e18e732', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-line-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-sankey-chart/udp-sankey-chart.js

@@ -64,7 +64,7 @@ export class UdpSankeyChart {
         }
     }
     render() {
-        return (h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '6417cebcb21362b9653a8cae10dd81a111f22daf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-sankey-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-xy-chart/udp-xy-chart.js

@@ -99,7 +99,7 @@ export class UdpXyChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/charts/udp-xy-multi-series-chart/udp-xy-multi-series-chart.js

@@ -106,7 +106,7 @@ export class UdpXyMultiSeriesChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-multi-series-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/adornment/udp-adornment/udp-adornment.js

@@ -19,7 +19,7 @@ export class UdpAdornment {
     }
     render() {
         const style = { width: '4px', height: '100%', backgroundColor: this.getColor() };
-        return h(Host, { key: 'e2b0381ebf4b58fefb2fd197b756c4037e78e766', style: style });
+        return h(Host, { key: '435d01948aa300faf8b765d73256111004f93d15', style: style });
     }
     static get is() { return "udp-adornment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/badge/udp-badge.js

@@ -7,7 +7,7 @@ export class UdpBadge {
     }
     render() {
         const displayContent = this.content > this.max ? `${this.max}+` : this.content;
-        return (h("div", { key: 'a73ac0cecf88d1091577ecea74bb309b7e68b7e0', class: "badge-wrapper" }, h("slot", { key: '9f76f4d4c4425fd3b655fc0e9ea18aef6ae4cc45' }), h("span", { key: 'd32a782e886f6ee6ba5ed23adf6e93efd4fd4095', class: "badge-content" }, h("unity-typography", { key: '3e0167fc766288860fd666a21163c40b0bfa42c8', variant: 'caption-text' }, " ", displayContent, " "))));
+        return (h("div", { key: '291c4c86e239ee96e9cc37458a03c50656c48415', class: "badge-wrapper" }, h("slot", { key: '3a9a8ce473aa3e520107fe15e4b7134fe835bca3' }), h("span", { key: '399dce91383974d53dda18b3c35f7735b3fc3354', class: "badge-content" }, h("unity-typography", { key: '76694919b5be85f9f2240b0bb500a21e444d8dfc', variant: 'caption-text' }, " ", displayContent, " "))));
     }
     static get is() { return "udp-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-ambient-card/udp-ambient-card.js

@@ -15,7 +15,7 @@ export class UdpAmbientCard {
         };
     }
     render() {
-        return (h("div", { key: '825d3956a1742004c7f1c55b1ad48be20f5b73f2', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: '4cfe2ac3b69613cb309232bfb114d573f7d2e09a', class: "adornment" }, h("udp-adornment", { key: '922d0b101420eb1d8a4805d14ac81d012e949894', status: "info" }))), h("div", { key: '8c1994148fa68e651da50029cfa44f540f548b91', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '351249eff43ff0f948c9aa9e62174d089ce6cb77', class: "card-data" }, h("div", { key: '60c7b952556402212b180b969f16c5eabcaf8dd3', class: "title" }, h("unity-typography", { key: 'a346a33fb22a79157538b446411c240c9a65ccbe', variant: "data-display-four" }, this.title)), h("div", { key: '243ba3037fda6148c721d55b309a5a0bbd1b7dac', class: "body" }, h("slot", { key: '1141709924689108f9e0dc4004f510c7716ead50' })), h("div", { key: '84f325c8fa332099291dd8124b0a2b84bac27803', class: "footer" }, this.overflow && (h("div", { key: 'f6ff0bc571e36c78a12dd5fc9fba41af9c71ec0d', class: "more-button" }, h("unity-typography", { key: 'fd11230d3d18b610e46e8cf8ac8d0264b3f4ddf8', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: 'f96e98a40b8458a6094be18e9bf940a47f894bd8', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: 'e023ecc66804bf896e6bc1ba763f5c154f407058', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '9c78ceed85e03ec60b73fdc84d25d3daf273724a', variant: "body" }, this.overflow))))));
+        return (h("div", { key: '96080cabff1e697e2e5e301d4fc38cce049294d3', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: 'a9617781fb869cce36dfad087c76a3daf08217fa', class: "adornment" }, h("udp-adornment", { key: 'ce6516a601c102f99f07a5132f5da4a582e690ab', status: "info" }))), h("div", { key: '89195e37c6ab81c845e6646e7f1559588789637a', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '83918f1f47cd7c26a92aa1c016e4573f823829b1', class: "card-data" }, h("div", { key: '630f490a3be4b0c6c583c379ac1fbebf23af9b1e', class: "title" }, h("unity-typography", { key: '81f69a51798cb01ed8edd41c9b96cdbbe98f3738', variant: "data-display-four" }, this.title)), h("div", { key: '461da9f6fbeaa620f22373176d5d29fc2ce45e93', class: "body" }, h("slot", { key: '9556183b944106f6269014b6e4731c75117cad2a' })), h("div", { key: '9b449e8c8d851e88259e3680f7c8b1ac4201898d', class: "footer" }, this.overflow && (h("div", { key: '23859b21e16793b7380ba0407c46bdf14eb62d85', class: "more-button" }, h("unity-typography", { key: 'b3457213e5d885b9e9673d121f0533206311e7af', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: 'a767525335d6a012f3aee4460a297f5fe3eb7ac2', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: '348cff2b751c29e34726f8ac3020fc8e49eb6a15', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '5fb007403802c7136f795ca7e1e2c77f796cb405', variant: "body" }, this.overflow))))));
     }
     static get is() { return "udp-ambient-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-action-area/udp-card-action-area.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardActionArea {
     render() {
-        return (h(Host, { key: 'ae21a99ecf55da0261fd79773125105c7d8ffd66' }, h("button", { key: 'ba3a8b0787b33208c0f4bad409a42db540a1f10c', class: "button" }, h("slot", { key: 'bea97e746121d9fbb788956c08b16537f950f7d6' }))));
+        return (h(Host, { key: '8aa6f62bf0a6d00e9faaa01690785394a3233c61' }, h("button", { key: '8050e757c5f9a197b9800b0dd743215847d9ba3e', class: "button" }, h("slot", { key: '836fe74f753e3dd77af3a2984c2c8838a62b931e' }))));
     }
     static get is() { return "udp-card-action-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-actions/udp-card-actions.js

@@ -7,7 +7,7 @@ export class UdpCardActions {
         this.align = 'end';
     }
     render() {
-        return (h(Host, { key: '9fc889fd6af89dfb9850ef34cb3c834be7a69628', class: this.align }, h("slot", { key: '8d57684b4dc755686e57ccd482a0cb2a17158f6e' })));
+        return (h(Host, { key: '95cf05215118e9f8db05eb3e478217dda1ac72d0', class: this.align }, h("slot", { key: 'a126c66aea6a7f84f46ddb51a89488faa5e921d2' })));
     }
     static get is() { return "udp-card-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-content/udp-card-content.js

@@ -5,7 +5,7 @@ export class UdpCardContent {
         this.disablePadding = false;
     }
     render() {
-        return (h(Host, { key: 'be09df278e7a7120c1c4bd3f544d39915e94ab65', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '223e15697e5b41cea30f8bfc572f6bfb2752f8fa' })));
+        return (h(Host, { key: '2e78093dc300bbf2dd29b56f7acc9709195a4e54', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: '81eab6bf06aaddb1aaabd412d6899a41d78cbb1a' })));
     }
     static get is() { return "udp-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-header/udp-card-header.js

@@ -19,7 +19,7 @@ export class UdpCardHeader {
         const titleContent = this.disableTypography ? this.cardTitle : h("unity-typography", { variant: "h6" }, this.cardTitle);
         const wrappedTitleContent = this.titleHref || this.titleClick ? (h("udp-link", { href: this.titleHref, target: this.titleTarget, onLinkClick: this.handleTitleClick }, titleContent)) : (titleContent);
         const subheaderContent = this.disableTypography ? (this.subheader) : typeof this.subheader === 'string' ? (h("unity-typography", { variant: "body1", color: "textSecondary" }, this.subheader)) : (this.subheader);
-        return (h(Host, { key: '8cec58b9b79911ea5d9549f4dbeeb255fe1ccff7' }, this.avatar && h("div", { key: 'fd15211179b5b66a075bc9286f1ca5cd4e36e043', class: "avatar" }, this.avatar), h("div", { key: '0679d2d5fba60d1c9fc1d92acc85983f514834fd', class: "content" }, h("slot", { key: '29da4a92ee444e699ec93389e2255592892731aa', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '434eb7e9b09f83b2ec7241befa784b13f7c93a9a', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'c76f2268e9afb63b2cf38410b6eb7f316d5c812f' })), this.action && h("div", { key: '69bd50571df1f1a88c2139b6a2ff307dd96a2dbb', class: "action" }, this.action), h("slot", { key: '271527b00faaf3541d4676f539e9d6636b35cc2a', name: "action" })));
+        return (h(Host, { key: '3d5d1541e89f8e32fed4dbd948fddc44cae46a6f' }, this.avatar && h("div", { key: '2b9ee9575f3d4ae6dd272e151ad704c997042df3', class: "avatar" }, this.avatar), h("div", { key: '06758a75f8c6883979f21cb8e49f4fb0de4f1420', class: "content" }, h("slot", { key: '5be63eb3f42b33089cb67138f9cd0e7481ff359f', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '955ca2bab6df8130b0b7ed67cefd8538981dddff', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'b3287962ffd40451c9f23c3df63afa3b3e856f3d' })), this.action && h("div", { key: 'f4d363128ef172b900d3e34b71cfc836cd076220', class: "action" }, this.action), h("slot", { key: '03f536ca620f254433d0099e403b7a6080acd03f', name: "action" })));
     }
     static get is() { return "udp-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card-media/udp-card-media.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardMedia {
     render() {
-        return (h(Host, { key: 'c3f9e1629e5b33d718edec1ba210e1173f3551db', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '3630a2018508dfa6cb9c312e36148129cb99d02a' })));
+        return (h(Host, { key: 'e996bd3d01ccdf832b3c4dac1a0c9c01d3122044', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '7a55b1f51281cbacf0c70f82d5fd1cd8e45721b1' })));
     }
     static get is() { return "udp-card-media"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js

@@ -26,11 +26,11 @@ export class UdpCard {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: 'b7fc40fddaccf8e1f7b065a1f10759a2f4395d84' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'a7380ff44692ad0123dc52def8b9b49e7b8c4617', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '156cfbd696987a827f44a6cd5e5be838592c242f' }))));
-        return (h(Host, { key: 'b2fcc1723f6cd77e67bd5280fef6ae935626afb5', class: {
+        const mainContent = (h(Fragment, { key: '0689b37dae535348d37509e208962ba3a756ff4b' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: 'deb9102b93d97b2fede9ee01b51a08bfd32f1bf9', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '7984b6e50173266018aaeb081632eb2e70d88ed1' }))));
+        return (h(Host, { key: '282b9a389d4e7344574ee533fdcedbae79260e08', class: {
                 [this.variant]: true, // This adds 'elevated' or 'outlined'
                 'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: '6355f98f462f2b8a7a300d52cc1d002834b00dae', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: '9843f998eae158c58e1c2fe04e6f0049f3034ff3' }, this.actions)));
+            } }, this.adornmentStatus && h("udp-adornment", { key: '12b5f6fcbe682e2819c2739484f8308aa4578742', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'd4c0eda2e0b5c78cafb9e6a704e9b4b40e43eaf5' }, this.actions)));
     }
     static get is() { return "udp-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/chips/stencil-chip/status-chip/status-chip.js

@@ -19,7 +19,7 @@ export class StatusChip {
         this.statusValueWatcher(this.statusValue);
     }
     render() {
-        return (h("div", { key: 'f5ba79de138e062b1b414749ecd0d81af5fce3ed', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: '7390754803c5060cf12b5d50c2f7bc64958ba145' }, h("slot", { key: '870eb9fa6652b4ec49c9ec8e818ba8fa141ce544' }), " ")));
+        return (h("div", { key: 'f37d2e62243fbc71d5d7203ccb9bf1d519779abd', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: '93748887a64a59c6e8720ca9a4e86e74953a13db' }, h("slot", { key: 'd76816769c407d9c448229d6b8ba685f58527dd5' }), " ")));
     }
     static get is() { return "status-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/chips/stencil-chip/stencil-chip.js

@@ -81,12 +81,12 @@ export class StencilChip {
                 color: '#fff',
             };
         const leftIconData = this.leftIcon || Close16; // Fallback to Add16 if no icon is provided
-        return (h("div", { key: '8fe5c1737871b46e8a23164fe94d892fbe23b946', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '999eb3e44472d3ecf1f16da246c4262d18aa6161', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: 'c77c302f6fd7df36e6faeac6656b2769ee5b0d4b' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
+        return (h("div", { key: 'd0c0538296aac1756d7f2642ac43ae457566566e', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: 'dfaa69832291dd2f01d42662209fe20196e3efcf', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '6bc85a3d92f6ece7e5829f4bb678d5d778d9ceb9' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }
             return null;
-        })))), h("unity-typography", { key: 'b4ed9f0dff390ca6d588d2739f575cd506479207', variant: 'caption-text' }, h("span", { key: '268a59f9207ef9200bde77db275830258ec603df', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: 'bea690078676db3ab89451e4c6e66a50e5539ab6', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '23b611d121baf312c54579e82c71b0fbed05f85a' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
+        })))), h("unity-typography", { key: '25f9c6aabc651a0aaa889dc459b0cc39a84c58cb', variant: 'caption-text' }, h("span", { key: 'eaa0164830c5ea242414abe2e07dd518e9940080', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '3899b6ea1c517cda4d054f37bd335aad777dcac5', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: 'a812b760ff4250b055b16a5a0d9fea4d6ff755c6' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }

package/dist/collection/components/my-component/UI/data-display/chips/udp-chip.js

@@ -52,7 +52,7 @@ export class UdpChip {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (h("div", { key: '0a9f91093fe426b5a622065b42cf9b865f05a705', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'ae44337da8673cc252199698a01d381655c48fab', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: 'a9d8c5e669a3f16f51d57b3b0e00fa5473632335', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'a3f5f070a87e3e72f09cc220e4aa6839824ab591', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '716eb909412d0c4f52300ca2469d599779be70fb', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'c17224698e39b42ac28e652bf8bc70f596ed2c3f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: 'eb9b4ac119c42cb708dec8cff10e0d28b1e4acae', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (h("div", { key: '0c7f3bb13ac1b9ec1b256248fff7ba276bb3afb2', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'be7b9c9e009357599e154c309862aef2b0f5d2b0', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '11cc8be3ca1b611a0af7a48bf3e5c0ebcc213fc3', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: 'cae85378ee2f032dcede8fbbb0ac722064449140', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: 'b832acc73c73bcdc5ea776593ef8fbd82ee760d2', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: '6accffd9bfb775ffdaf0505eb82a3807588c86f6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '22d2ff711b2cc0184b13890159c526000fd3341d', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
     static get is() { return "udp-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/divider/udp-divider.js

@@ -7,7 +7,7 @@ export class UdpDivider {
         const style = this.variant === 'vertical'
             ? { height: this.size }
             : { width: this.size };
-        return (h(Host, { key: 'd2f94b8b1ef1e1ace1364b26a36bbf42f01bdd3e', style: style }, h("div", { key: '952a49fa90d5b9779264f021082246de634f66db', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+        return (h(Host, { key: '573a0114d6791cf695e4dfc2194faff54e072d9b', style: style }, h("div", { key: '96bdd1f8b13c7b67206effcb507b4f55fc4bfab4', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
     static get is() { return "udp-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/empty-state-display/udp-empty-state-display.js

@@ -9,7 +9,7 @@ export class UdpEmptyStateDisplay {
         this.imageWidth = '100px';
     }
     render() {
-        return (h("div", { key: '4ae3884d006e384171e40152b750c3bd4f2a6aed', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '4b9501f13a337b2fc882366545f31c44d9f6584d', class: "text-wrapper" }, h("unity-typography", { key: 'fb6e310d7b0bd796c5b949077de3c5125e9a87d7', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '32850a0c5b69aa5f2c1a92d9b5024af98a336693', class: "text-wrapper" }, h("unity-typography", { key: '44885a71d6b498ef1d545561ee8fdf18bee5f816', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: 'c0ddf7d1a61984b4e0ae32d3a1959a956d5e81cf', class: "action-wrapper" }, h("udp-button", { key: '240d357c3b5907893621ea41e40fef83dd5fdb1f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
+        return (h("div", { key: 'be90a1bcee9b8efc37ef3dc0298a4c2872dcff3a', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '88d355f3b42e3ac369a84fc277565cdde53ef438', class: "text-wrapper" }, h("unity-typography", { key: '798b25f9ce4e46438c270da9fe37b3b8170d7b97', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '0782274b56eabee91f1a29d93a0f529441e552d7', class: "text-wrapper" }, h("unity-typography", { key: '9a457155d36839e2608dcc06ceb19cc8038ac975', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '2e0a479ea9a35c5b8f55ba661c40484ad3675e54', class: "action-wrapper" }, h("udp-button", { key: '39c53a2c4c42281b473c514b633c672e73fc08d5', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
     static get is() { return "udp-empty-state-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/headers/udp-column-header.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UdpColumnHeader {
     render() {
-        return (h("div", { key: '8a986f8807eda88ee87e6706f73f508f369c35ae', class: "header-container" }, h("div", { key: '85f52752689c8e1a2b6f338e7545fbcd42e9f106', class: "column" }, " ", h("unity-typography", { key: '78a694c2ec7b418c04f33a5b73f6689497676221', variant: "button" }, "Column  "), "   "), h("div", { key: '72064c8d024c424eee13f637643e5391626f8a45', class: "operator" }, h("unity-typography", { key: '98a3bf982de817c9dae8d90f9d7bbe6b40d66b8a', variant: "button" }, "Operator "), " "), h("div", { key: 'c541a43892cbf6efb6a98cb3e6a14c3a13b1945f', class: "criteria" }, h("unity-typography", { key: 'f33a97a9a2eb4d4d7e34abfdb27375921826a7ca', variant: "button" }, "Criteria  "), "  ")));
+        return (h("div", { key: 'f73026207814446ad4c6e3f5aa77587bc69a4a32', class: "header-container" }, h("div", { key: 'f64319195ee85adf92549535ff1b5a435e41295b', class: "column" }, " ", h("unity-typography", { key: 'f4ab97e52690c14fe0660a191384b443b2a7fd04', variant: "button" }, "Column  "), "   "), h("div", { key: 'fae9e7e517b7c6f572dc15e314bce871d132a240', class: "operator" }, h("unity-typography", { key: '9e726d348bb6cb54a604c622c8b538adc3a07b3f', variant: "button" }, "Operator "), " "), h("div", { key: 'a557a3c302d32883be12640b02085f49a222dfde', class: "criteria" }, h("unity-typography", { key: '28c4a1a9b9d08c6027444c8647273cfa9cb76371', variant: "button" }, "Criteria  "), "  ")));
     }
     static get is() { return "udp-column-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/headers/udp-page-header/udp-page-header.js

@@ -8,7 +8,7 @@ export class UdpColumnHeader {
         this.valueChanged.emit(value);
     }
     render() {
-        return (h("div", { key: '62694c91f184154c96d4aee72bd33a61ebd62e00', class: "header-container" }, h("div", { key: '6ba17644c55afa3ae86174f042aecc9295d2f31d', class: "title" }, h("unity-typography", { key: '36f3684b89a6ff782e478b136ea1c001739d3bab', variant: "button" }, "Filter Conditions ")), h("div", { key: '22c7cd1d9b74156346ddaf38b40e1896f71c5b38', class: "radio-group" }, h("div", { key: 'b0d4e56161e8209c7f9cfb76c23841807379b449', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '32814de2f1db507fafb23d4e8f50d683c71ce38e', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '8d0d1a59f8b7e01f7f9f9ac0880798f465ee9a7d', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '5e07dc46080eb677e28dedca56e98fdd466cf8c0', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
+        return (h("div", { key: 'ac5b39592ebd163ccc5b8c7ddb983a277115e9d9', class: "header-container" }, h("div", { key: '2a619102d28e718ffe0a5006ea97879f1af5b151', class: "title" }, h("unity-typography", { key: 'ad9ad7479e21c3ad55eb4cdf5e2f44a32ee948fb', variant: "button" }, "Filter Conditions ")), h("div", { key: '3cb33cb74190cbee0a958ee612e14a28d68072fc', class: "radio-group" }, h("div", { key: '3393b068dbc7aa349a85b4355540c4f046dfa6a0', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '3d12495e652f1203d38514d6ae278e5b960bf502', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '9f767c0b4b022fd6c20db752291edb2c9ad3fdde', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '8c854533ba102e72f7b2b6c9ee74cff316eb9ead', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
     }
     static get is() { return "udp-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/hint-panel/hint-panel.js

@@ -7,7 +7,7 @@ export class HintPanel {
         };
     }
     render() {
-        return (h("div", { key: '6c86856cea0ddd8fd3580522496d58e28cea0ae6', class: "hint-container" }, this.showHint && (h("div", { key: 'b4a181c3a8bfea0af2e5e3767bab6c0a2cdaeed4', class: "hint-content" }, h("div", { key: '9819bf21dd97edeea87eca27d2974e14b022eeda' }, h("unity-typography", { key: '4a48edd341ac48c001337e9242e9bc3cec41ac96', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '8755d7052fccf750eb663832f3da65ae7801bf89', class: "hide-help" }, h("udp-button", { key: '20e436d265c818cfafe29d65a4fee5bdf4e3f1aa', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
+        return (h("div", { key: '47aac9180a770db77c68d054dcbf8c20a415479e', class: "hint-container" }, this.showHint && (h("div", { key: '8d4091a7277e0b06a498606c544904f154d96f10', class: "hint-content" }, h("div", { key: 'fe4980f1b9aff94fbdfd87b1800b2da48f61ee23' }, h("unity-typography", { key: '131eb91d46f6b2c662ea22b7bdf5b42c25687daa', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '5cc4e2e0ad00177ee7dd24834cf883fd2aaf56b8', class: "hide-help" }, h("udp-button", { key: '3476676669dcbe4a07ea0c56c6ee96817c0148f6', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
     static get is() { return "hint-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js

@@ -11,6 +11,9 @@ export class UdpIcon {
     render() {
         var _a, _b;
         const iconData = getIconFromName(this.iconName, this.iconType);
+        if (!iconData) {
+            return null;
+        }
         let iconColor;
         if (this.color) {
             switch (this.color) {
@@ -39,7 +42,7 @@ export class UdpIcon {
         else {
             iconColor = this.darkIcon ? 'black' : 'white';
         }
-        return (h("div", { key: '3fcd971d2ddff23c78ebc0663ee5e1e484ae2805', class: "icon-container" }, h("svg", Object.assign({ key: '8fe3db2e6cf032b5b3eb6c0460579cdf660e76ec' }, ((_a = iconData === null || iconData === void 0 ? void 0 : iconData.attrs) !== null && _a !== void 0 ? _a : {}), { fill: iconColor }), (_b = iconData === null || iconData === void 0 ? void 0 : iconData.content) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
+        return (h("div", { class: "icon-container" }, h("svg", Object.assign({}, ((_a = iconData === null || iconData === void 0 ? void 0 : iconData.attrs) !== null && _a !== void 0 ? _a : {}), { fill: iconColor }), (_b = iconData === null || iconData === void 0 ? void 0 : iconData.content) === null || _b === void 0 ? void 0 : _b.map((item, index) => {
             var _a, _b;
             if ((item === null || item === void 0 ? void 0 : item.elem) === 'path') {
                 return h("path", Object.assign({}, ((_a = item === null || item === void 0 ? void 0 : item.attrs) !== null && _a !== void 0 ? _a : {}), { key: index }));

package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"udp-icon.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/data-display/icons/udp-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO9C,MAAM,OAAO,OAAO;IALpB;QAOU,aAAQ,GAAW,QAAQ,CAAC;QACpC;;WAEG;QACK,aAAQ,GAAY,IAAI,CAAC;KAiDlC;IA9CC,MAAM;;QACJ,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnB,KAAK,SAAS;oBACZ,SAAS,GAAG,sBAAsB,CAAC;oBACnC,MAAM;gBACR,KAAK,WAAW;oBACd,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,OAAO;oBACV,SAAS,GAAG,yBAAyB,CAAC;oBACtC,MAAM;gBACR,KAAK,MAAM;oBACT,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,2BAA2B,CAAC;oBACxC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,cAAc,CAAC;oBAC3B,MAAM;gBACR;oBACE,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAChD,CAAC;QAED,OAAO,CACL,4DAAK,KAAK,EAAC,gBAAgB;YACzB,4EAAS,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,IAAI,EAAE,SAAS,KAC9C,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;gBACtC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,MAAM,EAAE,CAAC;oBAC1B,OAAO,4BAAU,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACvD,CAAC;qBAAM,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE,CAAC;oBACnC,OAAO,8BAAY,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACzD,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { getIconFromName } from './iconUtils';\n\n@Component({\n  tag: 'udp-icon',\n  styleUrl: 'udp-icon.css',\n  shadow: true,\n})\nexport class UdpIcon {\n  @Prop() iconName: string;\n  @Prop() iconType: string = 'carbon';\n  /**\n   * @deprecated Use color prop instead\n   */\n  @Prop() darkIcon: boolean = true;\n  @Prop() color: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'inherit' | string;\n\n  render() {\n    const iconData = getIconFromName(this.iconName, this.iconType);\n    let iconColor: string;\n\n    if (this.color) {\n      switch (this.color) {\n        case 'primary':\n          iconColor = 'var(--primary-color)';\n          break;\n        case 'secondary':\n          iconColor = 'var(--secondary-color)';\n          break;\n        case 'error':\n          iconColor = 'var(--error-color-main)';\n          break;\n        case 'info':\n          iconColor = 'var(--info-color-main)';\n          break;\n        case 'success':\n          iconColor = 'var(--success-color-main)';\n          break;\n        case 'inherit':\n          iconColor = 'currentColor';\n          break;\n        default:\n          iconColor = this.color;\n      }\n    } else {\n      iconColor = this.darkIcon ? 'black' : 'white';\n    }\n\n    return (\n      <div class=\"icon-container\">\n        <svg {...(iconData?.attrs ?? {})} fill={iconColor}>\n          {iconData?.content?.map((item, index) => {\n            if (item?.elem === 'path') {\n              return <path {...(item?.attrs ?? {})} key={index} />;\n            } else if (item?.elem === 'circle') {\n              return <circle {...(item?.attrs ?? {})} key={index} />;\n            }\n            return null;\n          })}\n        </svg>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"udp-icon.js","sourceRoot":"","sources":["../../../../../../src/components/my-component/UI/data-display/icons/udp-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAO9C,MAAM,OAAO,OAAO;IALpB;QAOU,aAAQ,GAAW,QAAQ,CAAC;QACpC;;WAEG;QACK,aAAQ,GAAY,IAAI,CAAC;KAqDlC;IAlDC,MAAM;;QACJ,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC/D,IAAI,CAAC,QAAQ,EAAC,CAAC;YACb,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,SAAiB,CAAC;QAEtB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;gBACnB,KAAK,SAAS;oBACZ,SAAS,GAAG,sBAAsB,CAAC;oBACnC,MAAM;gBACR,KAAK,WAAW;oBACd,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,OAAO;oBACV,SAAS,GAAG,yBAAyB,CAAC;oBACtC,MAAM;gBACR,KAAK,MAAM;oBACT,SAAS,GAAG,wBAAwB,CAAC;oBACrC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,2BAA2B,CAAC;oBACxC,MAAM;gBACR,KAAK,SAAS;oBACZ,SAAS,GAAG,cAAc,CAAC;oBAC3B,MAAM;gBACR;oBACE,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3B,CAAC;QACH,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;QAChD,CAAC;QAED,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;YACzB,2BAAS,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,IAAI,EAAE,SAAS,KAC9C,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;gBACtC,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,MAAM,EAAE,CAAC;oBAC1B,OAAO,4BAAU,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACvD,CAAC;qBAAM,IAAI,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,MAAK,QAAQ,EAAE,CAAC;oBACnC,OAAO,8BAAY,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAE,GAAG,EAAE,KAAK,IAAI,CAAC;gBACzD,CAAC;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CACE,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { getIconFromName } from './iconUtils';\n\n@Component({\n  tag: 'udp-icon',\n  styleUrl: 'udp-icon.css',\n  shadow: true,\n})\nexport class UdpIcon {\n  @Prop() iconName: string;\n  @Prop() iconType: string = 'carbon';\n  /**\n   * @deprecated Use color prop instead\n   */\n  @Prop() darkIcon: boolean = true;\n  @Prop() color: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'inherit' | string;\n\n  render() {\n    const iconData = getIconFromName(this.iconName, this.iconType);\n    if (!iconData){\n      return null;\n    }\n    \n    let iconColor: string;\n\n    if (this.color) {\n      switch (this.color) {\n        case 'primary':\n          iconColor = 'var(--primary-color)';\n          break;\n        case 'secondary':\n          iconColor = 'var(--secondary-color)';\n          break;\n        case 'error':\n          iconColor = 'var(--error-color-main)';\n          break;\n        case 'info':\n          iconColor = 'var(--info-color-main)';\n          break;\n        case 'success':\n          iconColor = 'var(--success-color-main)';\n          break;\n        case 'inherit':\n          iconColor = 'currentColor';\n          break;\n        default:\n          iconColor = this.color;\n      }\n    } else {\n      iconColor = this.darkIcon ? 'black' : 'white';\n    }\n\n    return (\n      <div class=\"icon-container\">\n        <svg {...(iconData?.attrs ?? {})} fill={iconColor}>\n          {iconData?.content?.map((item, index) => {\n            if (item?.elem === 'path') {\n              return <path {...(item?.attrs ?? {})} key={index} />;\n            } else if (item?.elem === 'circle') {\n              return <circle {...(item?.attrs ?? {})} key={index} />;\n            }\n            return null;\n          })}\n        </svg>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/my-component/UI/data-display/kpi/kpi-list.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class KpiList {
     render() {
-        return (h("div", { key: '85c225971e2e51a0a0808165130c60c6734dc707', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: '1c4ccf7e146ac01b9c3361497d7e1e30fbb75ad3', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',

package/dist/collection/components/my-component/UI/data-display/list-item/list-item.js

@@ -49,11 +49,11 @@ export class UdpListRenderer {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'a7fdc84e454e4415e41b494b874c5cd58093781b' }, h("div", { key: 'b708146bf6886d5822cc3784c1b1dde0a41531a8', class: {
+        return (h(Host, { key: '73e8c73b833d92e4a6e3925d289b63ea236cfe47' }, h("div", { key: '19e15b9735bb3bee2f850bbb72590e2d667a32a7', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'bf2122fa1d51b1ad1e4d1248b863b2971459a67e', class: "avatar-container" }, h("udp-avatar", { key: '32d1956f5cf2e506bfcd7f5c85862349d1b394d2', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '238cf5b9acc5504e56d8ed7c652e00f94ff75716', class: "text-container" }, showPrimaryText && (h("div", { key: 'ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2', class: "primary-text" }, h("slot", { key: '1a629990a4721c7281b5f1dd1c3db680b29a3e72', name: "primary-text" }, h("unity-typography", { key: 'ac76e535367c2a00ac1ae5ffd0fb08671a37c61f', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f', class: "secondary-text" }, h("slot", { key: '1ac630c59426e4b6ecb9c3b891d9731cbcff3384', name: "secondary-text" }, h("unity-typography", { key: '6da8fd733530cddb27e5588ecdfa6f4d288d9c50', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3987c5c8b83c77990706d376714444aae78ae7b9', class: "status-chip-container" }, h("slot", { key: '485ef815359ed98fd4269e1748ab25fd67f2119c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '3c34b44562e3077eba9e824e1a581aabb6662684', class: "actions-container" }, h("slot", { key: '011c682eb2fa5c1e7f730b028252489f24056e5c', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'fe3e96e2174c412baec985f2ad4165b7792f723c', class: "avatar-container" }, h("udp-avatar", { key: '00cfc2f0ff6075d22bef19899bf8fbbccd56f027', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c372927c43e537ca9882e9b34362a38a8f461b3b', class: "text-container" }, showPrimaryText && (h("div", { key: '451fad1178d11e9e738d326cf2558d0f9451a503', class: "primary-text" }, h("slot", { key: '95654614b720f9277fa809aef2280cb9aecfd827', name: "primary-text" }, h("unity-typography", { key: '89c29245103018cdef80bbbf33a9cd3011b1edb0', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: '79b4f2cbecb6e5a8af4c00857a1446b016bdb2d2', class: "secondary-text" }, h("slot", { key: '2ea332315c2a53e1d646948f4572c81e9282fcea', name: "secondary-text" }, h("unity-typography", { key: 'e8f9380017e1cb75f3b032727b9554b002760a8a', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '169ac178215a426030c28da90961f860634a6610', class: "status-chip-container" }, h("slot", { key: 'f62f1db7d713890370c5cf979509be4876ce9c81', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'e7fbb40deb81e6c7d0085b151efa54a80bd9c190', class: "actions-container" }, h("slot", { key: '4e7cd6ee111435e258c1b5fd02b4cdadefbf8672', name: "actions" }))))));
     }
     static get is() { return "udp-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/pop-over/udp-pop-over.js

@@ -113,7 +113,7 @@ export class UdpPopOver {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (h(Host, { key: '5c088fd433163c11cc9af440ddbde003d95a0f96' }, h("div", { key: '37774fc4c4f7484e23bf848e58adee84a47f5d6c', class: "popover", style: style }, h("slot", { key: 'f479cfe2f59c6ddded24909b26f7f7a6aeba5d59' }))));
+        return (h(Host, { key: '4459a8369eaff06485b83076205de4a2b71b8174' }, h("div", { key: '7fbd552e4a485fc2c913202d3c1baa5c68f1a64f', class: "popover", style: style }, h("slot", { key: 'a207f724e5941865b0221b28e42883b69e427d25' }))));
     }
     static get is() { return "udp-pop-over"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js

@@ -35,7 +35,7 @@ export class UdpPopOver {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
+        return (h("div", { key: '501d862f26a26f625a33c7ab6fd5dd83888cabfd', class: "popover", style: style }, h("unity-typography", { key: 'b77f4fcad25be974b79aa6a72d4b47e37c4d751f', variant: "caption-text" }, h("slot", { key: 'fc35f9c5ae175c396d908e85fb92dd8e0b3f4558' }))));
     }
     static get is() { return "udp-pop-over-grid-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/primary-action-header/primary-action-header.js

@@ -32,7 +32,7 @@ export class PrimaryActionHeader {
     //   }
     render() {
         console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: '2b5cd6ddd163ddef49cc7fa95dab7f4a9911939e', class: "header-bar" }, h("div", { key: '0b74461e94c2263eb92a1faf4e2783eda26a29da', class: "title-section" }, h("unity-typography", { key: '0a21709957bdb4de3dcd85b882946b960caa7447', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '1b224383283f2e875e4e4bec85f97d548078f256', class: "tabs" }, h("udp-tabs", { key: '3f2af545b1af466bf376e248ddadda48fceebb4d' }, h("button", { key: '7ba0d458d14def7c1fb1c32852e89097a85a07c2', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '7dec1019d203c03c6ab9485c0aa83008b7970cdc', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'f2a2f4e44fbc245ef82f8f3fe125cde71c3cc37e', class: "button-section" }, this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '99d654de19e576e1a0fede6da796dbf07f4c2de2', class: "header-bar" }, h("div", { key: 'f878ea5c57689e293c0886b3bf9ada382ee7b863', class: "title-section" }, h("unity-typography", { key: 'dd956d099211c8752fa6a6d363eac5fcbd3587fd', variant: "h4" }, this.title)), this.tabs && (h("div", { key: 'f98791a93586f920f34abeece842bfda302f1967', class: "tabs" }, h("udp-tabs", { key: '7777a0ae4205c53b17d844c2c46515835fffe6c5' }, h("button", { key: '22dcc16b780dae5a9b988f367df96128513eb83a', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: 'e05765f4d3b5c48f25f80bb5ef8d9b113d1c7c77', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '87fd2188266c9fd98686643a1cb2b889c6fb2d7e', class: "button-section" }, this.defaultActionButtons.map(btn => {
             // Determine the actual icon to use
             const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
             const clickHandler = (event) => {
@@ -47,7 +47,7 @@ export class PrimaryActionHeader {
                 return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
             }
             return null;
-        }), !this.actionButtonLabel && h("div", { key: '6cd80a675dab2d514a8ddfa819162ed2219d41c1', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '0c714349e245f2554667b03de3bdb0e66d44581d', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+        }), !this.actionButtonLabel && h("div", { key: 'd00acc20658c36946f70170b299224081359e5cd', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: 'f1c77f3e5906de99c5a516d9fea73ad03490e807', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
     }
     static get is() { return "primary-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/simple-card/simple-card.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SimpleCard {
     render() {
-        return (h("div", { key: '60f920fe15bbc2916a11a8b800fda7277a0b489a', class: "card" }, h("slot", { key: 'ac4b2c77d9ad2ca9e3d52423c194c2e6ecabdaeb' })));
+        return (h("div", { key: '3fdcdbc9295905d67e39192dfbd86b5c95cc08b8', class: "card" }, h("slot", { key: 'c0bae278bde2d27875e798f02be0bdd4b83b7cc6' })));
     }
     static get is() { return "simple-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/data-display/tool-tip/udp-ambient-tool-tip.js

@@ -80,9 +80,9 @@ export class UdpAmbientToolTip {
     render() {
         // Check if content is provided before rendering the tooltip content.
         const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (h("div", { key: '213f2dd7bcd6470d4a5bf6ae953fbcdd2ec775dc', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '9088f10428a250bd218c8429722b2395927d5b11' }), shouldDisplayTooltip && (
+        return (h("div", { key: '6dca85ed6456dcc026d5b7073c8b424dae26ade1', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '925b646f233290114510d0ea4bfbcd34f7ff659d' }), shouldDisplayTooltip && (
         // STEP 4: Use the global class name we defined in our style string.
-        h("div", { key: '235f0deab48ed2764980d391bd12781be7778183', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '6c068bf0a81a9e754afc7c19ceb86bb1f348b839', variant: "caption-text" }, this.content)))));
+        h("div", { key: 'ec25609944d49d8a0a693f0a6c11d907ffbda826', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '663a37bd25c4d7228c345a270e0ecc1196256432', variant: "caption-text" }, this.content)))));
     }
     static get is() { return "udp-ambient-tool-tip"; }
     static get encapsulation() { return "shadow"; }