udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/esm/tenantUtils-Basdb1b1.js

@@ -3,6 +3,3 @@ function getCurrentTenantId() {
 }
 
 export { getCurrentTenantId as g };
-//# sourceMappingURL=tenantUtils-Basdb1b1.js.map
-
-//# sourceMappingURL=tenantUtils-Basdb1b1.js.map

package/dist/esm/text-field_2.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DFnjA9NX.js';
 import { createPopper } from '@popperjs/core';
 
-const textFieldCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}";
+const textFieldCss = () => `:host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}`;
 
 const TextField = class {
     constructor(hostRef) {
@@ -170,7 +170,7 @@ const TextField = class {
             'bx--text-input:user-invalid': isError,
             'text-field--disabled': this.disabled,
         };
-        return (h(Host, { key: '477fd126139a6614d43091da606ad4730d356fdc', class: {
+        return (h(Host, { key: 'cd443e0566c2064503c9a16332c175cbab66b564', class: {
                 'udp-input': true,
                 'udp-input--error': isError,
                 'udp-input--disabled': this.disabled,
@@ -178,20 +178,26 @@ const TextField = class {
                 'udp-input--required': this.required,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '4abd025ba834da3a2fb42bf1909413df6fa62a43', class: "bx--form-item" }, h("unity-typography", { key: 'dc66c2a29831519a99ce2582d740fb998359e988', variant: "caption-text" }, h("label", { key: 'c52efd8115a63e79d5d04b7792cde08f3bb12d05', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'f9c1c085ae39f49c966ce3b68785f6e6b25e3011', class: "bx--form-item" }, h("unity-typography", { key: 'c5a8973711298673e2240a805e5c31f7e4eb960a', variant: "caption-text" }, h("label", { key: '2d4533dbd0a57fe86167c153ddd4bc11ce468626', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : '')), this.hidden ? (h("input", { id: this.id, type: "hidden", value: this.internalValue })) : (h("input", { id: this.id, type: "text", class: Object.assign({}, inputClass), placeholder: this.placeholder, value: this.internalValue, required: this.required, disabled: this.disabled, readonly: this.readonly, maxLength: this.maxCharacter, inputMode: this.inputMode, onInput: this.onInput, onChange: this.onChange,
             //@ts-ignore
-            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: '3a2d11f913e5d97befeb05df6e9f1943ba6fcc13', class: "error-message" }, h("unity-typography", { key: 'a4e9594fd4aa1980e20c2c3754af74fc8417d339', variant: "caption-text", color: "error" }, this.errorMessage))))));
+            udprecordid: 'udpRecord-text-field-' + this.id })), isError && (h("div", { key: 'bd6594ada0613e1bf5973b3ab85947ebfcaa143d', class: "error-message" }, h("unity-typography", { key: '98b6b2fb24d5c53f7db1bb7ee736d0178b59f325', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["updateInitialValue"],
-        "value": ["updateValue"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "updateInitialValue": 0
+            }],
+        "value": [{
+                "updateValue": 0
+            }]
     }; }
 };
-TextField.style = textFieldCss;
+TextField.style = textFieldCss();
 
-const udpSelectorCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:'';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}";
+const udpSelectorCss = () => `:host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .selected-option{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .selected-option{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .selected-option{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}.selected-option{border:none;border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));box-sizing:border-box;cursor:pointer;background-color:var(--input-background);display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-03);padding-bottom:9px;width:100%;font-size:var(--body-font-size);font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.selected-option:active,.selected-option:focus,.selected-option.focused{outline:none;border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}:host(.udp-input--error) .selected-option,:host(.udp-input--error) .selected-option:focus,:host(.udp-input--error) .selected-option:active,:host(.udp-input--error) .selected-option.focused{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .selected-option{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08));cursor:not-allowed;opacity:0.6}.selected-option-label{flex-grow:1;color:var(--ag-foreground-color, #000)}.selected-option-label.placeholder{color:var(--placeholder-color, #999)}.udp-selector--large .selected-option{background-color:var(--gray-08);color:white;width:60px;padding:var(--spacing-05);box-shadow:var(--elevation-08);width:100px;border-radius:50px;font-size:var(--body-font-size)}.arrow{position:relative;display:inline-block;width:10px;height:5px}.arrow::before,.arrow::after{content:'';position:absolute;bottom:0;width:0.6em;height:10px;border-bottom:var(--underline-standard) solid var(--gray-09)}.udp-selector--large .selected-option .arrow::before,.udp-selector--large .selected-option .arrow::after{border-bottom:1px solid white}.arrow::before{left:-0.1em;transform:rotate(-45deg)}.arrow::after{transform:rotate(45deg)}.udp-selector__container{position:relative}.options-list{max-width:100%;border:none;margin:4px 0 0 0;padding:0;list-style:none;z-index:9999;max-height:150px;overflow-y:auto;overflow-x:hidden;border-radius:var(--border-radius);box-shadow:var(--elevation-08);position:absolute;width:100%;box-sizing:border-box}.options-list li{position:relative;padding:10px;cursor:pointer;background-color:var(--input-background)}.options-list li:hover{background-color:var(--primary-color);color:white}`;
 
 const UdpSelector = class {
     constructor(hostRef) {
@@ -513,7 +519,7 @@ const UdpSelector = class {
             'focused': this.isOpen,
         };
         const hasSelection = this.multiSelect ? this.selectedOptions.length > 0 : !!this.selectedOption;
-        return (h(Host, { key: 'ff8dcfc52d341898065c2619b135f4d2469ce6d6', class: {
+        return (h(Host, { key: '742c9350f4c6e7388e0b279be4e3368e7195c6a2', class: {
                 'udp-input': true,
                 'udp-selector': true,
                 'udp-input--error': isError,
@@ -523,9 +529,9 @@ const UdpSelector = class {
                 'udp-input--large': this.large,
                 [`udp-input--size-${this.size}`]: true,
                 [`udp-input--margin-${this.margin}`]: true,
-            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: 'c73756ba206a6315bbef56d8bb1fe4f08cdaef52', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '586341516eabf16a37b54bc83bd235ebf3a17a4e', variant: "caption-text" }, h("label", { key: 'a01d8f38fbe49b0ae5a2a45a1fbf376cd1affb96', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: 'cceb6a4507454afe9d0854d11a96e5e6023d31c5', class: "udp-selector__container" }, h("div", { key: '174fbb84555f2c4c59100cc2cc20e580dc31c123', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
+            }, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, h("div", { key: '7a1142a256ee849864add36c5ebe21df64c06e4b', class: "bx--form-item" }, this.label && (h("unity-typography", { key: '91a70d41326d650420d647ef1444d08656a048c3', variant: "caption-text" }, h("label", { key: '05a3628391efbcd5f4f5164fa5b83c4edcda5099', htmlFor: this.id, class: "bx--label" }, this.label, this.required ? '*' : ''))), h("div", { key: '71a6dfd4a3673aa9e94e38bcc356a911c5e7b077', class: "udp-selector__container" }, h("div", { key: 'a58c7df64a41a9c14e79827aad9c76acacda47cc', class: selectedOptionClasses, onClick: () => this.toggleDropdown(), tabindex: this.disabled || this.readonly ? '-1' : '0', role: "combobox", "aria-haspopup": "listbox", "aria-expanded": this.isOpen.toString(), id: 'udpRecord-udp-selector-' + this.id,
             // @ts-ignore
-            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'f7f1e06954e2b8745a6cf3d340ab8270a1f57a93', class: {
+            udprecordid: 'udpRecord-udp-selector-' + this.id }, h("div", { key: 'ac15ee94572170fd0c907f969754d750b7638b12', class: {
                 'selected-option-label': true,
                 'placeholder': !hasSelection,
             } }, this.multiSelect
@@ -534,7 +540,7 @@ const UdpSelector = class {
                 : 'Select option(s)'
             : this.selectedOption
                 ? this.selectedOption.label
-                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '7bb13fe421ca09a75cd0da293165a09c6eca61c4', class: "checkmark" }), h("div", { key: '83fb0ffe270d15ca1b0d3296a0ead178c3d2a785', class: "arrow" })), this.isOpen && (h("ul", { key: '724964b522e76df99e160b132c109a905fae5c37', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: '4541ac1d298f28c1e6cae5ea0e5d0d0c5a51fbcb', class: "error-message" }, h("unity-typography", { key: '1cfcfc04f2676bce6cd319468c95b4b62ee1db39', variant: "caption-text", color: "error" }, this.errorMessage))))));
+                : 'Select an option'), this.multiSelect && this.selectedOptions.length > 0 && h("span", { key: '59b861eb9d862cab4250960b4966f499199a5621', class: "checkmark" }), h("div", { key: 'ac310d6628aabcc83955352b45f2c836bf99d6ee', class: "arrow" })), this.isOpen && (h("ul", { key: 'c7c5b261265436d907a3dedd1d8064134e286374', class: "options-list" }, this.options.map(option => (h("unity-typography", { variant: "button" }, h("li", { class: this.isOptionSelected(option) ? 'selected' : '', onClick: () => this.selectOption(option), onMouseDown: this.handleOptionMouseDown }, option.label, this.isOptionSelected(option) && h("span", { class: "checkmark" })))))))), this.errorMessage && (h("div", { key: '34520538dfe40aee42c885f212814d29f8227fc8', class: "error-message" }, h("unity-typography", { key: '31f91b038a4736e78268997b0b7e2434fea66020', variant: "caption-text", color: "error" }, this.errorMessage))))));
     }
     /**
      * Checks if a given option is currently selected.
@@ -552,14 +558,23 @@ const UdpSelector = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "error": ["updateError"],
-        "initialValue": ["initialValueChanged"],
-        "value": ["valueChanged"],
-        "isOpen": ["handleOpenChange"],
-        "options": ["optionsChanged"]
+        "error": [{
+                "updateError": 0
+            }],
+        "initialValue": [{
+                "initialValueChanged": 0
+            }],
+        "value": [{
+                "valueChanged": 0
+            }],
+        "isOpen": [{
+                "handleOpenChange": 0
+            }],
+        "options": [{
+                "optionsChanged": 0
+            }]
     }; }
 };
-UdpSelector.style = udpSelectorCss;
+UdpSelector.style = udpSelectorCss();
 
 export { TextField as text_field, UdpSelector as udp_selector };
-//# sourceMappingURL=text-field.udp-selector.entry.js.map

package/dist/esm/transformSearchData-DBjFnXu6.js

@@ -1080,6 +1080,3 @@ const demoMSSearchData = {
 // }
 
 export { createStructuredQuery as a, demoMSSearchData as b, convertToAgGridColumns as c, defaultPayload as d, transformSearchData as t };
-//# sourceMappingURL=transformSearchData-DBjFnXu6.js.map
-
-//# sourceMappingURL=transformSearchData-DBjFnXu6.js.map

package/dist/esm/udp-adornment.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, H as Host } from './index-DFnjA9NX.js';
 
-const udpAdornmentCss = ":host{display:block}";
+const udpAdornmentCss = () => `:host{display:block}`;
 
 const UdpAdornment = class {
     constructor(hostRef) {
@@ -28,7 +28,6 @@ const UdpAdornment = class {
         return h(Host, { key: 'adb0c41c66c70fa5bfe018ef28897fe2586a2446', style: style });
     }
 };
-UdpAdornment.style = udpAdornmentCss;
+UdpAdornment.style = udpAdornmentCss();
 
 export { UdpAdornment as udp_adornment };
-//# sourceMappingURL=udp-adornment.entry.js.map

package/dist/esm/udp-advanced-search-builder.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h } from './index-DFnjA9NX.js';
 import { b as buildFieldTree } from './udpFieldHelper-qPBcfmrH.js';
 
 const getSanitizedName = (entityName) => {
@@ -40,10 +40,13 @@ const UdpAdvancedSearchBuilder = class {
         return (h("div", { key: 'f75436c60c8d6eaacc55e47a30b4943718ae2d28' }, h("advanced-search-builder", { key: '235c656601d72e1567bebb98d064a7afc0ea8889', fields: this.fieldsArray, initialFilterData: this.initialFilterData, onFilterSave: this.handleFilterSave, config: this.config })));
     }
     static get watchers() { return {
-        "entityName": ["rebuildFieldTree"],
-        "catalogObjectList": ["rebuildFieldTree"]
+        "entityName": [{
+                "rebuildFieldTree": 0
+            }],
+        "catalogObjectList": [{
+                "rebuildFieldTree": 0
+            }]
     }; }
 };
 
 export { UdpAdvancedSearchBuilder as udp_advanced_search_builder };
-//# sourceMappingURL=udp-advanced-search-builder.entry.js.map

package/dist/esm/udp-attachment-item_2.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 import Download16 from '@carbon/icons/es/download/16';
 
-const udpAttachmentItemCss = ".attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}";
+const udpAttachmentItemCss = () => `.attachment-item-container{display:flex;align-items:center;justify-content:space-between;padding:8px;border-bottom:1px solid #e0e0e0;gap:var(--spacing-03)}.first-column{display:flex;align-items:center;gap:var(--spacing-03)}.icon-container{display:flex;align-items:center;justify-content:center;padding:var(--spacing-03, 8px);background-color:var(--primary-color, #0c2f50);border-radius:50%}.file-details{display:flex;gap:var(--spacing-04, 8px);flex-wrap:wrap}.last-item{border-bottom:none}.skeleton-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.skeleton-text-group{display:flex;flex-direction:column;gap:var(--spacing-02, 8px);flex:1}.skeleton-file-details{width:100%}.skeleton-action{display:flex;justify-content:flex-end;min-width:32px}`;
 
 const UdpAttacchmentItem = class {
     constructor(hostRef) {
@@ -84,9 +84,9 @@ const UdpAttacchmentItem = class {
         return (h("div", { class: containerClasses }, h("div", { class: "first-column" }, h("div", { class: "icon-container" }, h("udp-icon", { iconName: this.getIconForFileExtension(this.fileExtension), darkIcon: false, color: "white" })), h("div", null, this.fileName && h("udp-unity-typography", null, this.fileName), h("div", { class: "file-details" }, this.fileSize && (h("udp-unity-typography", { variant: "caption-text" }, this.fileSize)), this.uploadedBy && (h("udp-unity-typography", { variant: "caption-text" }, "Uploaded by ", this.uploadedBy)), this.uploadedDate && (h("udp-unity-typography", { variant: "caption-text" }, this.formatDate(this.uploadedDate)))))), this.downloadUrl && this.downloadUrl.trim() !== '' && (h("udp-icon-button", { iconColor: "inherit", icon: Download16, onClick: () => this.handleDownloadClick() }))));
     }
 };
-UdpAttacchmentItem.style = udpAttachmentItemCss;
+UdpAttacchmentItem.style = udpAttachmentItemCss();
 
-const udpEmptyStateDisplayCss = ":host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}";
+const udpEmptyStateDisplayCss = () => `:host{display:block;height:100%;width:100%;font-family:sans-serif}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;padding:24px;box-sizing:border-box;background-color:#ffffff;border-radius:4px}.image{margin-bottom:16px}udp-icon{margin-bottom:16px;color:#333}.text-wrapper{margin-bottom:8px}.secondary-text{color:#6c757d}.action-wrapper{margin-top:16px}`;
 
 const UdpEmptyStateDisplay = class {
     constructor(hostRef) {
@@ -102,7 +102,6 @@ const UdpEmptyStateDisplay = class {
         return (h("div", { key: 'c601a6dfcc5e6f0b4b34a29098fe65b91efe0a0e', 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: '622add0fea6fa69b6fd4dc40dc7ee09fababdc50', class: "text-wrapper" }, h("unity-typography", { key: 'dbfdb82002fc92a206515e65f77e6b6111cb712d', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '61296d2f37f05ef21ae4042caeda73ce37404431', class: "text-wrapper" }, h("unity-typography", { key: 'c5746dac6a27538e839a2150400a76007be85ab5', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '3ed57f2e2d1c362f3f422ec3aa1c8779e01059c1', class: "action-wrapper" }, h("udp-button", { key: '4a9135717a9a4119a1185063e10726f92c44964f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
 };
-UdpEmptyStateDisplay.style = udpEmptyStateDisplayCss;
+UdpEmptyStateDisplay.style = udpEmptyStateDisplayCss();
 
 export { UdpAttacchmentItem as udp_attachment_item, UdpEmptyStateDisplay as udp_empty_state_display };
-//# sourceMappingURL=udp-attachment-item.udp-empty-state-display.entry.js.map

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
 const UdpAttachmentList = class {
     constructor(hostRef) {
@@ -15,4 +15,3 @@ const UdpAttachmentList = class {
 };
 
 export { UdpAttachmentList as udp_attachment_list };
-//# sourceMappingURL=udp-attachment-list.entry.js.map

package/dist/esm/udp-avatar.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpAvatarCss = ".avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}";
+const udpAvatarCss = () => `.avatar{width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold}.avatar.circular{border-radius:50%}.avatar.rounded{border-radius:4px}.avatar.square{border-radius:0}.avatar.color-primary{background-color:var(--primary-color)}.avatar.color-secondary{background-color:var(--secondary-color)}.avatar.color-success{background-color:var(--success-color-main)}.avatar.color-warning{background-color:var(--warning-color-main)}.avatar.color-error{background-color:var(--error-color-main)}.avatar.color-info{background-color:var(--info-color-main)}.avatar.color-note{background-color:var(--note-color-main)}`;
 
 const UdpAvatar = class {
     constructor(hostRef) {
@@ -49,7 +49,6 @@ const UdpAvatar = class {
         return (h("div", { key: '1f9be443ad60d748b4c0d5eb8f25e96816c0f1ba', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
     }
 };
-UdpAvatar.style = udpAvatarCss;
+UdpAvatar.style = udpAvatarCss();
 
 export { UdpAvatar as udp_avatar };
-//# sourceMappingURL=udp-avatar.entry.js.map

package/dist/esm/udp-bar-chart_4.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { v4 } from 'uuid';
 import { p as parseValueToNumber, s as setChartDefaultSettings, h as addPieChartLegend, i as setPieChartDefaultSettings, j as addPieChartSeries } from './chartUtils-DFIyEsL1.js';
 import * as am4charts from '@amcharts/amcharts4/charts';
 import * as am4core from '@amcharts/amcharts4/core';
 
-const udpBarChartCss = "";
+const udpBarChartCss = () => ``;
 
 const UdpBarChart = class {
     constructor(hostRef) {
@@ -37,9 +37,9 @@ const UdpBarChart = class {
     }
     get el() { return getElement(this); }
 };
-UdpBarChart.style = udpBarChartCss;
+UdpBarChart.style = udpBarChartCss();
 
-const udpDistributionChartCss = "";
+const udpDistributionChartCss = () => ``;
 
 const isNumberList = (obj) => {
     if (!Array.isArray(obj)) {
@@ -114,15 +114,23 @@ const UdpDistributionChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "valueField": ["transformData"],
-        "data": ["transformData"],
-        "xAxisLabel": ["transformData"],
-        "yAxisLabel": ["transformData"]
+        "valueField": [{
+                "transformData": 0
+            }],
+        "data": [{
+                "transformData": 0
+            }],
+        "xAxisLabel": [{
+                "transformData": 0
+            }],
+        "yAxisLabel": [{
+                "transformData": 0
+            }]
     }; }
 };
-UdpDistributionChart.style = udpDistributionChartCss;
+UdpDistributionChart.style = udpDistributionChartCss();
 
-const udpDonutChartCss = "";
+const udpDonutChartCss = () => ``;
 
 const UdpDonutChart = class {
     constructor(hostRef) {
@@ -185,19 +193,35 @@ const UdpDonutChart = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "valueField": ["renderChart"],
-        "labelField": ["renderChart"],
-        "hideLegend": ["renderChart"],
-        "data": ["renderChart"],
-        "colorList": ["renderChart"],
-        "getColor": ["renderChart"],
-        "ignoreZeroValues": ["renderChart"],
-        "chartId": ["renderChart"]
+        "valueField": [{
+                "renderChart": 0
+            }],
+        "labelField": [{
+                "renderChart": 0
+            }],
+        "hideLegend": [{
+                "renderChart": 0
+            }],
+        "data": [{
+                "renderChart": 0
+            }],
+        "colorList": [{
+                "renderChart": 0
+            }],
+        "getColor": [{
+                "renderChart": 0
+            }],
+        "ignoreZeroValues": [{
+                "renderChart": 0
+            }],
+        "chartId": [{
+                "renderChart": 0
+            }]
     }; }
 };
-UdpDonutChart.style = udpDonutChartCss;
+UdpDonutChart.style = udpDonutChartCss();
 
-const udpLineChartCss = "#udp-line-chart{height:500px;width:500px;z-index:1000}";
+const udpLineChartCss = () => `#udp-line-chart{height:500px;width:500px;z-index:1000}`;
 
 const UdpLineChart = class {
     constructor(hostRef) {
@@ -227,7 +251,6 @@ const UdpLineChart = class {
     }
     get el() { return getElement(this); }
 };
-UdpLineChart.style = udpLineChartCss;
+UdpLineChart.style = udpLineChartCss();
 
 export { UdpBarChart as udp_bar_chart, UdpDistributionChart as udp_distribution_chart, UdpDonutChart as udp_donut_chart, UdpLineChart as udp_line_chart };
-//# sourceMappingURL=udp-bar-chart.udp-distribution-chart.udp-donut-chart.udp-line-chart.entry.js.map

package/dist/esm/udp-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DFnjA9NX.js';
 
-const udpButtonCss = ":host{display:inline-flex;vertical-align:middle;--udp-button-primary-color:var(--primary-color, #000);--udp-button-primary-color-text:var(--primary-contrast-text, #fff);--udp-button-secondary-color:var(--secondary-color, #000);--udp-button-secondary-color-text:var(--secondary-contrast-text, #fff);--udp-button-success-color:var(--success-color, #0da40d);--udp-button-success-color-text:var(--success-contrast-text, #fff);--udp-button-error-color:var(--error-color, #ff0000);--udp-button-error-color-text:var(--error-contrast-text, #fff);--udp-button-warning-color:var(--warning-color, #ffa500);--udp-button-warning-color-text:var(--warning-contrast-text, #fff);--udp-button-info-color:var(--info-color, #2953ff);--udp-button-info-color-text:var(--info-contrast-text, #fff);--host-udp-btn-padding-y:var(--spacing-03);--host-udp-btn-padding-x:var(--spacing-05);--host-udp-btn-padding-x-with-start-icon:var(--spacing-03);--host-udp-btn-padding-x-with-end-icon:var(--spacing-03)}.udp-button{position:relative;width:100%;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-line-height);padding-top:var(--host-udp-btn-padding-y);padding-bottom:var(--host-udp-btn-padding-y);padding-left:var(--host-udp-btn-padding-x);padding-right:var(--host-udp-btn-padding-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;background-color:var(--host-udp-btn-base-bg, transparent);color:var(--host-udp-btn-base-text, inherit);border:1px solid var(--host-udp-btn-base-border, transparent);transition:background-color var(--animation-duration) var(--animation-easing),\n              border-color var(--animation-duration) var(--animation-easing),\n              color var(--animation-duration) var(--animation-easing),\n              box-shadow var(--animation-duration) var(--animation-easing);min-width:64px;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--host-udp-btn-icon-gap, var(--spacing-03));border-radius:2px}.udp-button--has-start-icon{padding-left:var(--host-udp-btn-padding-x-with-start-icon)}.udp-button--has-end-icon{padding-right:var(--host-udp-btn-padding-x-with-end-icon)}.udp-button:focus-visible{outline:var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));outline-offset:0}.udp-button__content-wrapper{display:contents}.udp-button__icon,.udp-button__text-content{display:inline-flex;align-items:center}.udp-button__icon svg{width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);}.udp-button__text-content:empty{display:none}.udp-button__label{display:inherit;align-items:inherit;justify-content:inherit;width:100%;}.udp-button--full-width{width:100%}.udp-button--small{font-size:calc(var(--button-font-size) * 0.9);padding:var(--spacing-02) var(--spacing-04);min-width:48px}.udp-button--large{font-size:calc(var(--button-font-size) * 1.1);padding:var(--spacing-04) var(--spacing-06);min-width:80px}.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em)}.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em)}.udp-button--contained.udp-button--color-primary{background-color:var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));color:var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white))}.udp-button--contained.udp-button--color-primary:hover{background-color:var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray))}.udp-button--contained.udp-button--color-secondary{background-color:var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));color:var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white))}.udp-button--contained.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray))}.udp-button--contained.udp-button--color-success{background-color:var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));color:var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white))}.udp-button--contained.udp-button--color-success:hover{background-color:var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen))}.udp-button--contained.udp-button--color-error{background-color:var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));color:var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white))}.udp-button--contained.udp-button--color-error:hover{background-color:var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred))}.udp-button--contained.udp-button--color-warning{background-color:var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));color:var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white))}.udp-button--contained.udp-button--color-warning:hover{background-color:var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange))}.udp-button--contained.udp-button--color-info{background-color:var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));color:var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white))}.udp-button--contained.udp-button--color-info:hover{background-color:var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue))}.udp-button--outlined{background-color:var(--host-udp-btn-outlined-default-bg, transparent)}.udp-button--outlined:active{background-color:var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--outlined.udp-button--color-primary{border-color:var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));color:var(--host-udp-btn-outlined-primary-text, var(--primary-color, black))}.udp-button--outlined.udp-button--color-primary:hover{background-color:var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-secondary{border-color:var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));color:var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black))}.udp-button--outlined.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-success{border-color:var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));color:var(--host-udp-btn-outlined-success-text, var(--success-color-main, green))}.udp-button--outlined.udp-button--color-success:hover{background-color:var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));border-color:var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen))}.udp-button--outlined.udp-button--color-error{border-color:var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));color:var(--host-udp-btn-outlined-error-text, var(--error-color-main, red))}.udp-button--outlined.udp-button--color-error:hover{background-color:var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));border-color:var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred))}.udp-button--outlined.udp-button--color-warning{border-color:var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));color:var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange))}.udp-button--outlined.udp-button--color-warning:hover{background-color:var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));border-color:var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange))}.udp-button--outlined.udp-button--color-info{border-color:var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));color:var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue))}.udp-button--outlined.udp-button--color-info:hover{background-color:var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));border-color:var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue))}.udp-button--text{background-color:var(--host-udp-btn-text-default-bg, transparent);border-color:var(--host-udp-btn-text-default-border, transparent);}.udp-button--text:active{background-color:var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--text.udp-button--color-primary{color:var(--host-udp-btn-text-primary-text, var(--primary-color, black))}.udp-button--text.udp-button--color-primary:hover{background-color:var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray))}.udp-button--text.udp-button--color-secondary{color:var(--host-udp-btn-text-secondary-text, var(--secondary-color, black))}.udp-button--text.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray))}.udp-button--text.udp-button--color-success{color:var(--host-udp-btn-text-success-text, var(--success-color-main, green))}.udp-button--text.udp-button--color-success:hover{background-color:var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen))}.udp-button--text.udp-button--color-error{color:var(--host-udp-btn-text-error-text, var(--error-color-main, red))}.udp-button--text.udp-button--color-error:hover{background-color:var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink))}.udp-button--text.udp-button--color-warning{color:var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange))}.udp-button--text.udp-button--color-warning:hover{background-color:var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow))}.udp-button--text.udp-button--color-info{color:var(--host-udp-btn-text-info-text, var(--info-color-main, blue))}.udp-button--text.udp-button--color-info:hover{background-color:var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}.udp-button--disabled{cursor:not-allowed;pointer-events:none;color:var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important}.udp-button--contained.udp-button--disabled{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled{border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important;}.udp-button--text.udp-button--disabled{color:var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;background-color:var(--host-udp-btn-text-disabled-bg, transparent) !important;}.udp-button--disabled:hover,.udp-button--disabled:active{}.udp-button--contained.udp-button--disabled:hover,.udp-button--contained.udp-button--disabled:active{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled:hover,.udp-button--outlined.udp-button--disabled:active{background-color:var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important;border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important}.udp-button--text.udp-button--disabled:hover,.udp-button--text.udp-button--disabled:active{background-color:var(--host-udp-btn-text-disabled-hover-bg, transparent) !important;}.udp-button--toolbar-layout{flex-direction:column;justify-content:center;align-items:center;padding:var(--host-udp-btn-toolbar-padding, var(--spacing-03));width:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);height:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);gap:var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));}.udp-button--toolbar-layout .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-medium, 2em);height:var(--host-udp-btn-toolbar-icon-size-medium, 2em);fill:currentColor}.udp-button--toolbar-layout .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));line-height:var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);word-break:break-word}.udp-button--toolbar-layout.udp-button--small{width:var(--host-udp-btn-toolbar-fixed-size-small, 60px);height:var(--host-udp-btn-toolbar-fixed-size-small, 60px);gap:var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));padding:var(--host-udp-btn-toolbar-padding-small, var(--spacing-02))}.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-small, 1.6em);height:var(--host-udp-btn-toolbar-icon-size-small, 1.6em)}.udp-button--toolbar-layout.udp-button--small .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));line-height:var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));max-height:calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em);}.udp-button--toolbar-layout.udp-button--large{width:var(--host-udp-btn-toolbar-fixed-size-large, 100px);height:var(--host-udp-btn-toolbar-fixed-size-large, 100px);gap:var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));padding:var(--host-udp-btn-toolbar-padding-large, var(--spacing-04))}.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-large, 2.4em);height:var(--host-udp-btn-toolbar-icon-size-large, 2.4em)}.udp-button--toolbar-layout.udp-button--large .udp-button__text-content{max-height:calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em);}.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0))}.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}@keyframes udp-button-spinner-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.udp-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.udp-button--loading .udp-button__spinner{display:inline-block;animation:udp-button-spinner-spin 0.75s linear infinite}.udp-button--loading .udp-button__content-wrapper{visibility:hidden}.udp-button--small .udp-button__spinner{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em);border-width:2px}.udp-button--large .udp-button__spinner{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em);border-width:3px}";
+const udpButtonCss = () => `:host{display:inline-flex;vertical-align:middle;--udp-button-primary-color:var(--primary-color, #000);--udp-button-primary-color-text:var(--primary-contrast-text, #fff);--udp-button-secondary-color:var(--secondary-color, #000);--udp-button-secondary-color-text:var(--secondary-contrast-text, #fff);--udp-button-success-color:var(--success-color, #0da40d);--udp-button-success-color-text:var(--success-contrast-text, #fff);--udp-button-error-color:var(--error-color, #ff0000);--udp-button-error-color-text:var(--error-contrast-text, #fff);--udp-button-warning-color:var(--warning-color, #ffa500);--udp-button-warning-color-text:var(--warning-contrast-text, #fff);--udp-button-info-color:var(--info-color, #2953ff);--udp-button-info-color-text:var(--info-contrast-text, #fff);--host-udp-btn-padding-y:var(--spacing-03);--host-udp-btn-padding-x:var(--spacing-05);--host-udp-btn-padding-x-with-start-icon:var(--spacing-03);--host-udp-btn-padding-x-with-end-icon:var(--spacing-03)}.udp-button{position:relative;width:100%;font-family:var(--font-family);font-size:var(--button-font-size);line-height:var(--button-line-height);padding-top:var(--host-udp-btn-padding-y);padding-bottom:var(--host-udp-btn-padding-y);padding-left:var(--host-udp-btn-padding-x);padding-right:var(--host-udp-btn-padding-x);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;background-color:var(--host-udp-btn-base-bg, transparent);color:var(--host-udp-btn-base-text, inherit);border:1px solid var(--host-udp-btn-base-border, transparent);transition:background-color var(--animation-duration) var(--animation-easing),               border-color var(--animation-duration) var(--animation-easing),               color var(--animation-duration) var(--animation-easing),               box-shadow var(--animation-duration) var(--animation-easing);min-width:64px;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;gap:var(--host-udp-btn-icon-gap, var(--spacing-03));border-radius:2px}.udp-button--has-start-icon{padding-left:var(--host-udp-btn-padding-x-with-start-icon)}.udp-button--has-end-icon{padding-right:var(--host-udp-btn-padding-x-with-end-icon)}.udp-button:focus-visible{outline:var(--host-udp-btn-focus-outline, var(--focus-outline, 2px solid blue));outline-offset:0}.udp-button__content-wrapper{display:contents}.udp-button__icon,.udp-button__text-content{display:inline-flex;align-items:center}.udp-button__icon svg{width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);}.udp-button__text-content:empty{display:none}.udp-button__label{display:inherit;align-items:inherit;justify-content:inherit;width:100%;}.udp-button--full-width{width:100%}.udp-button--small{font-size:calc(var(--button-font-size) * 0.9);padding:var(--spacing-02) var(--spacing-04);min-width:48px}.udp-button--large{font-size:calc(var(--button-font-size) * 1.1);padding:var(--spacing-04) var(--spacing-06);min-width:80px}.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em)}.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em)}.udp-button--contained.udp-button--color-primary{background-color:var(--host-udp-btn-contained-primary-bg, var(--primary-color, black));color:var(--host-udp-btn-contained-primary-text, var(--primary-contrast-text, white))}.udp-button--contained.udp-button--color-primary:hover{background-color:var(--host-udp-btn-contained-primary-hover-bg, var(--primary-color-dark, dimgray))}.udp-button--contained.udp-button--color-secondary{background-color:var(--host-udp-btn-contained-secondary-bg, var(--secondary-color, black));color:var(--host-udp-btn-contained-secondary-text, var(--secondary-contrast-text, white))}.udp-button--contained.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-contained-secondary-hover-bg, var(--secondary-color-dark, dimgray))}.udp-button--contained.udp-button--color-success{background-color:var(--host-udp-btn-contained-success-bg, var(--success-color-main, green));color:var(--host-udp-btn-contained-success-text, var(--success-contrast-text, white))}.udp-button--contained.udp-button--color-success:hover{background-color:var(--host-udp-btn-contained-success-hover-bg, var(--success-color-dark, darkgreen))}.udp-button--contained.udp-button--color-error{background-color:var(--host-udp-btn-contained-error-bg, var(--error-color-main, red));color:var(--host-udp-btn-contained-error-text, var(--error-contrast-text, white))}.udp-button--contained.udp-button--color-error:hover{background-color:var(--host-udp-btn-contained-error-hover-bg, var(--error-color-dark, darkred))}.udp-button--contained.udp-button--color-warning{background-color:var(--host-udp-btn-contained-warning-bg, var(--warning-color-main, orange));color:var(--host-udp-btn-contained-warning-text, var(--warning-contrast-text, white))}.udp-button--contained.udp-button--color-warning:hover{background-color:var(--host-udp-btn-contained-warning-hover-bg, var(--warning-color-dark, darkorange))}.udp-button--contained.udp-button--color-info{background-color:var(--host-udp-btn-contained-info-bg, var(--info-color-main, blue));color:var(--host-udp-btn-contained-info-text, var(--info-contrast-text, white))}.udp-button--contained.udp-button--color-info:hover{background-color:var(--host-udp-btn-contained-info-hover-bg, var(--info-color-dark, darkblue))}.udp-button--outlined{background-color:var(--host-udp-btn-outlined-default-bg, transparent)}.udp-button--outlined:active{background-color:var(--host-udp-btn-outlined-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--outlined.udp-button--color-primary{border-color:var(--host-udp-btn-outlined-primary-border, var(--primary-color, black));color:var(--host-udp-btn-outlined-primary-text, var(--primary-color, black))}.udp-button--outlined.udp-button--color-primary:hover{background-color:var(--host-udp-btn-outlined-primary-hover-bg, var(--primary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-primary-hover-border, var(--primary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-secondary{border-color:var(--host-udp-btn-outlined-secondary-border, var(--secondary-color, black));color:var(--host-udp-btn-outlined-secondary-text, var(--secondary-color, black))}.udp-button--outlined.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-outlined-secondary-hover-bg, var(--secondary-color-hint, lightgray));border-color:var(--host-udp-btn-outlined-secondary-hover-border, var(--secondary-color-dark, dimgray))}.udp-button--outlined.udp-button--color-success{border-color:var(--host-udp-btn-outlined-success-border, var(--success-color-main, green));color:var(--host-udp-btn-outlined-success-text, var(--success-color-main, green))}.udp-button--outlined.udp-button--color-success:hover{background-color:var(--host-udp-btn-outlined-success-hover-bg, var(--success-color-hint, lightgreen));border-color:var(--host-udp-btn-outlined-success-hover-border, var(--success-color-dark, darkgreen))}.udp-button--outlined.udp-button--color-error{border-color:var(--host-udp-btn-outlined-error-border, var(--error-color-main, red));color:var(--host-udp-btn-outlined-error-text, var(--error-color-main, red))}.udp-button--outlined.udp-button--color-error:hover{background-color:var(--host-udp-btn-outlined-error-hover-bg, var(--error-color-hint, lightpink));border-color:var(--host-udp-btn-outlined-error-hover-border, var(--error-color-dark, darkred))}.udp-button--outlined.udp-button--color-warning{border-color:var(--host-udp-btn-outlined-warning-border, var(--warning-color-main, orange));color:var(--host-udp-btn-outlined-warning-text, var(--warning-color-main, orange))}.udp-button--outlined.udp-button--color-warning:hover{background-color:var(--host-udp-btn-outlined-warning-hover-bg, var(--warning-color-hint, lightyellow));border-color:var(--host-udp-btn-outlined-warning-hover-border, var(--warning-color-dark, darkorange))}.udp-button--outlined.udp-button--color-info{border-color:var(--host-udp-btn-outlined-info-border, var(--info-color-main, blue));color:var(--host-udp-btn-outlined-info-text, var(--info-color-main, blue))}.udp-button--outlined.udp-button--color-info:hover{background-color:var(--host-udp-btn-outlined-info-hover-bg, var(--info-color-hint, lightblue));border-color:var(--host-udp-btn-outlined-info-hover-border, var(--info-color-dark, darkblue))}.udp-button--text{background-color:var(--host-udp-btn-text-default-bg, transparent);border-color:var(--host-udp-btn-text-default-border, transparent);}.udp-button--text:active{background-color:var(--host-udp-btn-text-default-active-bg, rgba(0,0,0, 0.04))}.udp-button--text.udp-button--color-primary{color:var(--host-udp-btn-text-primary-text, var(--primary-color, black))}.udp-button--text.udp-button--color-primary:hover{background-color:var(--host-udp-btn-text-primary-hover-bg, var(--primary-color-hint, lightgray))}.udp-button--text.udp-button--color-secondary{color:var(--host-udp-btn-text-secondary-text, var(--secondary-color, black))}.udp-button--text.udp-button--color-secondary:hover{background-color:var(--host-udp-btn-text-secondary-hover-bg, var(--secondary-color-hint, lightgray))}.udp-button--text.udp-button--color-success{color:var(--host-udp-btn-text-success-text, var(--success-color-main, green))}.udp-button--text.udp-button--color-success:hover{background-color:var(--host-udp-btn-text-success-hover-bg, var(--success-color-hint, lightgreen))}.udp-button--text.udp-button--color-error{color:var(--host-udp-btn-text-error-text, var(--error-color-main, red))}.udp-button--text.udp-button--color-error:hover{background-color:var(--host-udp-btn-text-error-hover-bg, var(--error-color-hint, lightpink))}.udp-button--text.udp-button--color-warning{color:var(--host-udp-btn-text-warning-text, var(--warning-color-main, orange))}.udp-button--text.udp-button--color-warning:hover{background-color:var(--host-udp-btn-text-warning-hover-bg, var(--warning-color-hint, lightyellow))}.udp-button--text.udp-button--color-info{color:var(--host-udp-btn-text-info-text, var(--info-color-main, blue))}.udp-button--text.udp-button--color-info:hover{background-color:var(--host-udp-btn-text-info-hover-bg, var(--info-color-hint, lightblue))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}.udp-button--disabled{cursor:not-allowed;pointer-events:none;color:var(--host-udp-btn-disabled-general-text, var(--text-disabled, #a0a0a0)) !important}.udp-button--contained.udp-button--disabled{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-contained-disabled-text, var(--text-disabled, #a0a0a0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled{border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important;color:var(--host-udp-btn-outlined-disabled-text, var(--text-disabled, #a0a0a0)) !important;}.udp-button--text.udp-button--disabled{color:var(--host-udp-btn-text-disabled-text, var(--text-disabled, #a0a0a0)) !important;background-color:var(--host-udp-btn-text-disabled-bg, transparent) !important;}.udp-button--disabled:hover,.udp-button--disabled:active{}.udp-button--contained.udp-button--disabled:hover,.udp-button--contained.udp-button--disabled:active{background-color:var(--host-udp-btn-contained-disabled-bg, var(--disabled-color-main, #e0e0e0)) !important;box-shadow:var(--host-udp-btn-contained-disabled-shadow, none) !important}.udp-button--outlined.udp-button--disabled:hover,.udp-button--outlined.udp-button--disabled:active{background-color:var(--host-udp-btn-outlined-disabled-hover-bg, transparent) !important;border-color:var(--host-udp-btn-outlined-disabled-border, var(--disabled-color-main, #e0e0e0)) !important}.udp-button--text.udp-button--disabled:hover,.udp-button--text.udp-button--disabled:active{background-color:var(--host-udp-btn-text-disabled-hover-bg, transparent) !important;}.udp-button--toolbar-layout{flex-direction:column;justify-content:center;align-items:center;padding:var(--host-udp-btn-toolbar-padding, var(--spacing-03));width:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);height:var(--host-udp-btn-toolbar-fixed-size-medium, 80px);gap:var(--host-udp-btn-toolbar-gap-medium, var(--spacing-01));}.udp-button--toolbar-layout .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-medium, 2em);height:var(--host-udp-btn-toolbar-icon-size-medium, 2em);fill:currentColor}.udp-button--toolbar-layout .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-medium, var(--font-size-caption, 0.75rem));line-height:var(--host-udp-btn-toolbar-line-height-medium, var(--line-height-caption, 1.2));text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:calc(var(--host-udp-btn-toolbar-line-height-medium, 1.2) * 2em);word-break:break-word}.udp-button--toolbar-layout.udp-button--small{width:var(--host-udp-btn-toolbar-fixed-size-small, 60px);height:var(--host-udp-btn-toolbar-fixed-size-small, 60px);gap:var(--host-udp-btn-toolbar-gap-small, var(--spacing-01));padding:var(--host-udp-btn-toolbar-padding-small, var(--spacing-02))}.udp-button--toolbar-layout.udp-button--small .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-small, 1.6em);height:var(--host-udp-btn-toolbar-icon-size-small, 1.6em)}.udp-button--toolbar-layout.udp-button--small .udp-button__text-content{font-size:var(--host-udp-btn-toolbar-font-size-small, calc(var(--font-size-caption, 0.75rem) * 0.9));line-height:var(--host-udp-btn-toolbar-line-height-small, var(--line-height-caption, 1.2));max-height:calc(var(--host-udp-btn-toolbar-line-height-small, 1.2) * 2em);}.udp-button--toolbar-layout.udp-button--large{width:var(--host-udp-btn-toolbar-fixed-size-large, 100px);height:var(--host-udp-btn-toolbar-fixed-size-large, 100px);gap:var(--host-udp-btn-toolbar-gap-large, var(--spacing-02));padding:var(--host-udp-btn-toolbar-padding-large, var(--spacing-04))}.udp-button--toolbar-layout.udp-button--large .udp-button__icon svg{width:var(--host-udp-btn-toolbar-icon-size-large, 2.4em);height:var(--host-udp-btn-toolbar-icon-size-large, 2.4em)}.udp-button--toolbar-layout.udp-button--large .udp-button__text-content{max-height:calc(var(--host-udp-btn-toolbar-line-height-large, 1.2) * 2em);}.udp-button--toolbar-layout:hover:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-toolbar-layout-base-hover-border-color, var(--gray-04, #b0b0b0))}.udp-button--toolbar-layout:active:not(.udp-button--contained):not(.udp-button--outlined){background-color:var(--host-udp-btn-toolbar-layout-base-active-bg, var(--gray-03, #c0c0c0))}.udp-button--color-inherit{color:var(--host-udp-btn-inherit-text, inherit)}.udp-button--text.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-text-inherit-hover-bg, var(--gray-02, #e0e0e0))}.udp-button--outlined.udp-button--color-inherit{border-color:var(--host-udp-btn-outlined-inherit-border, currentColor)}.udp-button--outlined.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-outlined-inherit-hover-bg, var(--gray-02, #e0e0e0));border-color:var(--host-udp-btn-outlined-inherit-hover-border, currentColor)}.udp-button--contained.udp-button--color-inherit{background-color:var(--host-udp-btn-contained-inherit-bg, var(--gray-03, #c0c0c0));color:var(--host-udp-btn-contained-inherit-text, var(--text-main, black))}.udp-button--contained.udp-button--color-inherit:hover{background-color:var(--host-udp-btn-contained-inherit-hover-bg, var(--gray-04, #b0b0b0))}@keyframes udp-button-spinner-spin{from{transform:translate(-50%, -50%) rotate(0deg)}to{transform:translate(-50%, -50%) rotate(360deg)}}.udp-button__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none;width:var(--host-udp-btn-icon-size, 1.25em);height:var(--host-udp-btn-icon-size, 1.25em);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box}.udp-button--loading .udp-button__spinner{display:inline-block;animation:udp-button-spinner-spin 0.75s linear infinite}.udp-button--loading .udp-button__content-wrapper{visibility:hidden}.udp-button--small .udp-button__spinner{width:var(--host-udp-btn-small-icon-size, 1.1em);height:var(--host-udp-btn-small-icon-size, 1.1em);border-width:2px}.udp-button--large .udp-button__spinner{width:var(--host-udp-btn-large-icon-size, 1.4em);height:var(--host-udp-btn-large-icon-size, 1.4em);border-width:3px}`;
 
 const UdpButton = class {
     constructor(hostRef) {
@@ -105,7 +105,6 @@ const UdpButton = class {
     }
     get el() { return getElement(this); }
 };
-UdpButton.style = udpButtonCss;
+UdpButton.style = udpButtonCss();
 
 export { UdpButton as udp_button };
-//# sourceMappingURL=udp-button.entry.js.map

package/dist/esm/udp-calendar-base.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, a as getElement } from './index-CaZq3YdB.js';
+import { r as registerInstance, h, a as getElement } from './index-DFnjA9NX.js';
 import { Calendar } from '@fullcalendar/core';
 import dayGridPlugin from '@fullcalendar/daygrid';
 import interactionPlugin from '@fullcalendar/interaction';
 
-const udpCalendarBaseCss = "";
+const udpCalendarBaseCss = () => ``;
 
 const UdpCalendarBase = class {
     constructor(hostRef) {
@@ -129,10 +129,11 @@ const UdpCalendarBase = class {
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "events": ["eventsChanged"]
+        "events": [{
+                "eventsChanged": 0
+            }]
     }; }
 };
-UdpCalendarBase.style = udpCalendarBaseCss;
+UdpCalendarBase.style = udpCalendarBaseCss();
 
 export { UdpCalendarBase as udp_calendar_base };
-//# sourceMappingURL=udp-calendar-base.entry.js.map

package/dist/esm/udp-calendar-day.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpCalendarDayCss = "";
+const udpCalendarDayCss = () => ``;
 
 const UdpCalendarDay = class {
     constructor(hostRef) {
@@ -13,7 +13,6 @@ const UdpCalendarDay = class {
         return (h("udp-calendar-base", Object.assign({ key: '5fdf89953a2e649f9295f1dfa900cd6f51221ab4', initialView: 'dayGridDay' }, this.props)));
     }
 };
-UdpCalendarDay.style = udpCalendarDayCss;
+UdpCalendarDay.style = udpCalendarDayCss();
 
 export { UdpCalendarDay as udp_calendar_day };
-//# sourceMappingURL=udp-calendar-day.entry.js.map

package/dist/esm/udp-calendar-month.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h } from './index-CaZq3YdB.js';
+import { r as registerInstance, h } from './index-DFnjA9NX.js';
 
-const udpCalendarMonthCss = "";
+const udpCalendarMonthCss = () => ``;
 
 const UdpCalendarMonth = class {
     constructor(hostRef) {
@@ -13,7 +13,6 @@ const UdpCalendarMonth = class {
         return (h("udp-calendar-base", Object.assign({ key: 'ad6186a26286972029efeff9e186dbfb908de856', initialView: 'dayGridMonth' }, this.props)));
     }
 };
-UdpCalendarMonth.style = udpCalendarMonthCss;
+UdpCalendarMonth.style = udpCalendarMonthCss();
 
 export { UdpCalendarMonth as udp_calendar_month };
-//# sourceMappingURL=udp-calendar-month.entry.js.map