@platformscode/core 0.0.48 → 0.0.49

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-items.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaSlideoutMenuItems {
     render() {
-        return (h(Host, { key: '093edc7fc70cbc1d7e6efc4fb4d2b1f704e4091f' }, h("slot", { key: '3b6e78b38eaa0d75ba622e41f7d8517adc49b89f' })));
+        return (h(Host, { key: 'a6457afead8b2eb627a0b3fd5d0f8b12f175d6df' }, h("slot", { key: '1a50a2c7ab95c0ccd4e124279e1c2358d494e8be' })));
     }
     static get is() { return "dga-slideout-menu-items"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu.js

@@ -56,10 +56,10 @@ export class DgaSlideoutMenu {
         });
     }
     render() {
-        return (h("div", { key: '264207fb8d07408c73e5d7bba7292ae65f7c37ad', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'cc21cc7e8f30e0158f6b241f55f1ed18ed7b5833', name: "slideout-menu-header" }), h("div", { key: '61f4befc39b17930825ab0fdf74ab7d0d5c98210', class: "dga-slideout-menu__body" }, h("div", { key: 'eacc82a9c71f435bb0fe4a8c1fb26629ba0dd770', class: {
+        return (h("div", { key: '9abef3a50792757fe502b78dca2d5d5a240ce20b', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'f86ba376b9544c8ac128742e5a0240ab424a2307', name: "slideout-menu-header" }), h("div", { key: 'a6aec17b4785db7e6c76171b7956d183dd53a2b7', class: "dga-slideout-menu__body" }, h("div", { key: '3b25d520da3cd61e857b0c999db91e5951030f0a', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '1f2b6038686261992efd971dc453d2f480b70483', name: "slideout-menu-items" })), h("dga-divider", { key: '7e16890f1e4e4624a4e1d7465f265edb467c9946' }), h("slot", { key: '38146413913808d52fcbb74ad982e017a5bab2f5', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: 'ff57dd16812aefe17ce4b0cee7fb4f81d455f352', name: "slideout-menu-items" })), h("dga-divider", { key: '473787f6c432ce41bd8a8682b63b1d927c45f6fd' }), h("slot", { key: '08a18aababb1d496e8eb8c883a2d2e7913b93b80', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-slider/dga-slider.js

@@ -75,7 +75,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '75421a43deca190a186d3f887d947f9f07ef9db6', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '4b8cf909a4ec7af09a08130053c47e7f35c40e4c', class: `range-slider-wrapper ${this.size}` }, h("div", { key: 'a42a7e2a332a1da071f0cb3a92b3984ed402d2cd', class: "range-slider-input-wrapper" }, h("input", { key: '5c2d7b402231bcdad3448723a1b283b3c49ea7d3', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: 'b3fa5f8da5be7e536f96305eb23ca0c26712fb96', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '1894c014e14a20408f02eecdc1566f7b597f9f52', class: "range-slider-container" }, this.showLabel && h("h3", { key: '199be8a1de27fc798bcdfbc45283b00bc0b98035' }, this.label), h("div", { key: '0c6252de1703fbc04efb5f776c823140346bfea9', class: "range-slider-control-wrapper" }, h("div", { key: '94c55b2980772e568fac1b1ee55b6409b4addac3', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'b9b8d4a46ae7e8aa164f59217e401a471c5403b3', class: "range-slider-rail" }, this.range && h("div", { key: 'c4df626c14cf00548641dbac782673a3a7ed4654', class: "range-slider-number_left" }, this.minValue), h("div", { key: '0b7668e92b7c4cb875b679a9c406256c4479dc36', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '7777d798796418b7f994f45b66a929402b6ca474', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd24bb586fb95db56096cc4a80c9584a4b18542cc', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '50f746106d55baab8da0bfe7f6359893f55d154a', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'd01110edf4f709da1daf6fec04e012a4ae913dbd', class: "range-slider-note" }, h("div", { key: 'b6d7edbc15458035050f9e5f02d4e0ce78ad5cd7', class: "range-slider-note-icon" }, h("dga-icon", { key: '5f4990ea9030619231a8d79f4c0d1042d2325cb1', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: '76e4e9213ded9fac65a51e362d70d8fa8a91299e', class: "range-slider-note-content" }, h("p", { key: '818c953aadc871e0c979a50ad530c5fe4aaafb1b' }, this.helperText)))))))));
+        return (h(Host, { key: 'fdb2ba28c3748172a5bd822d05da3aea2fc05c72', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '06cddd48de5900e70ade4c204761ded6aa2f9a48', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '3b5e03e34e3f6b2795ec5ae770512522106a7f56', class: "range-slider-input-wrapper" }, h("input", { key: 'd2e22bd7d7be46c8deef086b8cae883d7f5e2f6c', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '508a4b019888cb6b7cfa2bbb67b551a81132603a', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '9b0331d411f3ef8636061d525e36ea725139cbc7', class: "range-slider-container" }, this.showLabel && h("h3", { key: '4a20cb24569d0f79da3450f345af02aa360755d1' }, this.label), h("div", { key: '91c4e8240826b418daaca0d0ef1593696a905dca', class: "range-slider-control-wrapper" }, h("div", { key: '19fe6390c90d9f8f2f345825e37db6b37c246ba5', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '7bba36f1ae6c10d8cb18e2573b4d27ae55da1c6b', class: "range-slider-rail" }, this.range && h("div", { key: '955f03deca055b18aeeaccdac6f8207d86124ad1', class: "range-slider-number_left" }, this.minValue), h("div", { key: '96e5a37b9f60e26e6927d7790c7635522e9bd0f8', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '346a4bcf59435c6b513f4119e0001ea4a96dafd5', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '7e6e1f2210056c88090eed7b7d0c4837196a9e8e', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'c8fc4e29493c73c1ce34c283ae9c5f2411f0c75a', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'f054aef6301e2bde5b62e89bdee6b26fac860ce5', class: "range-slider-note" }, h("div", { key: '41045073ef37652bf686722f44cd9aa5d6f209ba', class: "range-slider-note-icon" }, h("dga-icon", { key: '67ab536ed1562b4530ad021e1080638e2fa4bc42', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: 'af047c4578bf4f19d3a74c8fbe6cdda11d3f19f8', class: "range-slider-note-content" }, h("p", { key: 'a7a2701375a982ed47eaf62789c57c9062478553' }, this.helperText)))))))));
     }
     static get is() { return "dga-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-structured-list/dga-structured-list.js

@@ -79,7 +79,7 @@ export class DgaStructuredList {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h("div", { key: '5e70aace6146c88fda02d92142012a850e14f98f', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd0370ea599825c6cfa5549faba44e8e1f95743f0', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '6c540b47b9b308adde8aeb6e4dc69372d09d4734' }, h("tr", { key: '6859c7fba926c45c002d910a68f18e3436d95932', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '24a2d55dbb652f250cb5dba411493db1756a731a' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
+        return (h("div", { key: 'e79666f5643dbe89605fb0a560a78596483f2f32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'b8f79b6db5cd3fb33ce13a1230eee20bd71fd591', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '75cf2e10f26c0ebc3fcc9ef5fd7392ff601c9efe' }, h("tr", { key: 'f4beec70a645cca916ee1d3f5e4cce260f2b1a76', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '254c6e2fb6ead3c765e3d15b50fb2367c211f8a9' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [customAttribute.key]: customAttribute.value || '',
         }), { class: `${this.compact ? "compact" : ""} ${this.colDivider ? 'col-divider' : ''}` }), h("div", null, this.selectable && (h("span", null, h("input", { type: "checkbox", name: `${rowIndex}checkboxSelection`, checked: row.selected, id: `${rowIndex}checkboxSelection${propertyName}`, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex, propertyName, cellIndex) }))), type === 'element' && El ? h(El, Object.assign({}, row)) : row[propertyName])))))))))));
     }

package/dist/collection/components/dga-switch/dga-switch.js

@@ -57,7 +57,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '9e4aecf595d4cacf7b50e9a1a1e6a717cf219d11', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '9c10c8fdbe2816cb9861c79ff3d7c80734e6794d', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'f0c1ef817a6b5d8c501556b49937b99d908f797b', class: "switch-main" }, h("div", { key: '97f8aa4a029e60edbba65c287ae373898933f571', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '49fec23c769dd736c372f7251fa853730e8feb7d', class: "switch-wrapper" }, h("input", { key: '5416933967cffdc802f2c2f805e5da5adbba11bc', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: 'e20c5b1282027c23c1caa60acda168108dd48e33', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'ad848e24fb196206971d32269c158d26a30e69d3', class: "switch__warning" }, h("span", { key: '06024cfb47d3c51ececc71c91e0727e9aa962028', class: "switch__warning-icon" }, h("dga-icon", { key: 'a2aff632f37392554ab8228cdfbdea5fcaf14516', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: 'cbc9941a3d59c845648cc234ebcb57e7977db9fc', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '18130859e3e395c62b0ffb032f317aae45f7d6d9', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '22eadabb402d3b31d32f687415b1c90134546c96', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'eb1fb03bd0bf3236d2ab22abae3d8704abaf98ec', class: "switch-main" }, h("div", { key: '8f4179ee441d551fb910f03cf31f6002df83cc15', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'cdf986f984b8ddff533a7023ff0297d0284eb86c', class: "switch-wrapper" }, h("input", { key: '767b1a18c3f343a911529ffe43abe050c8d99bef', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: '45bcda090fdb983e8548842c6312be229f8c35dc', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'e10f2766d553761c458e4f7904254e886b60207b', class: "switch__warning" }, h("span", { key: 'e5d6a5825aa129d0bb1eca2f2f69f7226e9c4909', class: "switch__warning-icon" }, h("dga-icon", { key: 'cd40a7db877e7af750f1a8f85fdfad6960fa9358', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: '7069a7c3d2dfdd247f13ae7fbfdad061872ea22e', class: "switch__warning-text" }, this.alertText)))))));
     }
     static get is() { return "dga-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-tabs/dga-tabs.css

@@ -2316,7 +2316,6 @@ a:focus {
   border: 1px solid transparent;
   background-color: #ccc;
   background-clip: content-box;
-  mix-blend-mode: multiply;
 }
 .dga-tabs-list--horizontal.dga-tabs-list--divider::after {
   content: "";
@@ -2526,10 +2525,8 @@ a:focus {
 .breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }

package/dist/collection/components/dga-tag/dga-status-tag.js

@@ -38,7 +38,7 @@ export class DgaStatusTag {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '6b1e6baba863a261b4b1aa3fcb066e1fb464c19f', id: this.componentId, style: this.rootStyles }, h("span", { key: '923c35ba89ea1db88b13f59387a65b9803b09e03', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'e6c68f664d8069902da416153d1df2b46cc0ff70', class: "status-tag__indicator" }), this.label, h("slot", { key: '0eb6b248c23a6a62ec4bc463419a1a83426edf80' }))));
+        return (h(Host, { key: 'b3ae70c9b818d2c1dca697cb9db18948555354c4', id: this.componentId, style: this.rootStyles }, h("span", { key: 'dc01f81f13f05e10dabaf47576e76f7e457aa877', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'fae3a9c0a2dbb660a670904f4e79e00073764604', class: "status-tag__indicator" }), this.label, h("slot", { key: '4f0b84a4e41f8f12b9f7f72d8cfef10c948bb91b' }))));
     }
     static get is() { return "dga-status-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-text-input/dga-helper-text.js

@@ -6,7 +6,7 @@ export class DgaHelperText {
     }
     render() {
         var _a;
-        return (h("div", { key: '08e16a5874e2ddb77920a6929c1a4deebb234062', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'e2cdda64fe46300408bd4ba6482d0f753d89e86b', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '49afb21cf56ae7dec9a7695b9d939b5de44b3f14', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '459a4a1dfd24ab73eec46f30b204f3c6063cec1e', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'f7b561b48aca76822961633a9ba5ef3db07f6755', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '8ae46ec323e7cfb72656f6c28a5ac4a118e194c1', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '54df6f5eb3361ebac053656e929cbc58286067ca', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '74fe3eea473c129305bb44683cbdb812933b36ee', class: "dga-helper-text__desc" }, this.helperText)));
     }
     static get is() { return "dga-helper-text"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-label.js

@@ -8,7 +8,7 @@ export class DgaLabel {
         this.required = false;
     }
     render() {
-        return (h("label", { key: 'd4f62c0384e541cfbb78d80e2142a32788286d86', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3e77785c8272d582635e1a83f6bcbb73776fc9b8', class: "star" }, "*"), this.label));
+        return (h("label", { key: '692ee36b718139de64025241bc4fa8a146566c97', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'e9b496087978459abe4ca6371d34d021e7a499d6', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-text-input.js

@@ -64,12 +64,12 @@ export class DgaTextInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c6e36984a17b760ffdf18ae41e7867be06c40638', id: this.componentId, style: this.rootStyles }, h("div", { key: '7fecddeb0abd12cca908bebcd979bcdcd7249089', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '8a0ab9defc3dcf2782754efefc72b1a01134ca9d', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '2d378d80ae146a2f4e27ffe6c133aacf0a1ea5c3', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '556dcf4288c85255f69f9a1242f1471ac5aa04f9', name: "prefix" }), this.icon && (h("span", { key: 'aa9de3ddb7035bd822268bc11e37d910dd121e89', class: "input__icon" }, h("dga-icon", { key: '383bea22edb15bbc5ff6ed6c7cca58b97a1c3b97', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'd36fdbdd9c14968ca7d52256c3d05601f75a1e4b',
+        return (h(Host, { key: 'fe16cfffd4d8741bd35c0599b06bdadeac7f58dd', id: this.componentId, style: this.rootStyles }, h("div", { key: '12191cfbf577e4ca80be2d10e1de7c99dd7ec5f1', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '9af15d3e82af14d56091ca21ce753848b9e75cb2', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'ee6812f57348b118751d97af4a9b5804543e7436', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: 'e135cfd4d52956ad4490a3470438aa196acd5acf', name: "prefix" }), this.icon && (h("span", { key: 'e49d3324a880d69af741e9dad98805bd0f72faf5', class: "input__icon" }, h("dga-icon", { key: '8dbfa5cb0d3086050007bc0d87c4a0f8f4c65d1e', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '40ad73d3426765dbf745cb424a9f648672e4f5a5',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'b8db5d6002f876db5ab208ca6cf8a6cde57bf6b2', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '526f5d02790fa02aa49ec9d4cd42e5d51100b523', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'df0469c8a2916e509d9cd6adcd6b204290679ce1', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'bf17345b0b29463ad7a2fc0fe05e7fe08b10d6fc', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-text-input"; }
     static get properties() {

package/dist/collection/components/dga-textarea/dga-textarea.js

@@ -64,7 +64,7 @@ export class DgaTextarea {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '64c1f57e813c5bd4f3d5c151a105f28a478493c0', id: this.componentId, style: this.rootStyles }, h("div", { key: '70e61bca13593aa64be928f5d2895c52cc1cdb52', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '9e14255917b054cead6ffd6a5cb95ade43a2023d', class: "dga-label" }, this.label), h("div", { key: 'd3cbc1a121d4815ad13427484b575287b74ed637', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '63339fc8d2ab782038722585cb487d0cfc0d87ca', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
+        return (h(Host, { key: '8d9122997e637bf36c56b2dddcffddd96240914a', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dcea58cdc3154edfeb658258c23a84ae73e68e0b', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '5a4850f47e8b762553c1a9dd3ed916c390db2571', class: "dga-label" }, this.label), h("div", { key: '9a1f436397d07edbc2167f14e88d485751310cb0', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '70d298e9addbdc0b55ae9622682a50d173707717', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
     }
     static get is() { return "dga-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-action.css

@@ -2704,12 +2704,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 dga-nav-header-main {

package/dist/collection/nds-components/dga-header/dga-header-action.js

@@ -26,17 +26,17 @@ export class DgaHeaderAction {
         });
     }
     render() {
-        return (h(Host, { key: '559149223ff72c745c9a5398cd811493dd6bb26d' }, h("li", { key: '364739e6502bb4e38ad248883d3d620429400a5f', onMouseEnter: () => {
+        return (h(Host, { key: '5c41af56c5104da63eb7b20e370ac0519df6f776' }, h("li", { key: '946823eb649a1fddcdc6f3d3fc2b6c6dd5e14955', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '599d1cea757eb6d39f26a8c1de1f115bc4864118', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '83a17b2e7ca9acf0ceebafc0ed3cab8ed2277f62', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
             
             ${this.iconPosition === 'inline' ? 'header-menu__item--inline' : 'header-menu__item--top'}
             
-            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '7f060666cd58f8145cf56cfcf3e225d53db6f737', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'd9a9644df66a80f895066c8028cd6f56fe2b7355', name: this.icon }, this.iconProps))), h("span", { key: '43518891accc0483a1e01ecaee93b248713776c4', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '8eb82470e2f30e717cfbe781be51f8902e93b641', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '4c6cc232d765f7628bc9e076fc79b83c703d7e29', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'b57341573a2ec2edd09f4f0e6f1ae532904f627f', name: this.icon }, this.iconProps))), h("span", { key: 'c749791e2d18e81e95d4f007196bae3f18174591', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'aa88516909114220d3ec08b621a241e61d12ee42', name: "dga-header-sub-menu" }))));
     }
     static get is() { return "dga-header-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-menu-item-usage.js

@@ -282,30 +282,30 @@ export class DgaHeaderMenuItemUsage {
         this.anchorEl = null;
     }
     render() {
-        return (h(Fragment, { key: '028f26d3b9a3e9d4baeb2764a5216493fdb294a8' }, h("dga-header-vv2", { key: '0d34cfc508fd10d01475de3a5483d9711ce2825d' }, h("dga-flex", { key: '1e01eb57aa567f047aa1f0c2513b173580137cd7', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: 'bc1f53d3b3db4907d0b3ebbabd0d06862a84da8f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: 'e92ef883339342be4f14973f643ec3fa40cb906e' }, h("dga-header-vv2", { key: '17e3fdba4c8f316d74cdf31a497bfedb08e4d596' }, h("dga-flex", { key: 'b1cc4780070181bc60197c16ea3483ea91b83d9d', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '131937c3c6ddbc59132601cc2df528fc110d0322', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '2c441b8a4b3c4b8866d35089b5ae7c9a009d4b55', size: "md" }), h("dga-flex", { key: '3cc1b2ed2396840ecfebbd535c6d60c76892e826', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '72369eecf634876708559d0d5c6dbd71004b83cd', size: "md" }), h("dga-flex", { key: 'fc56df15d1f0478f742ff3e1bd8d805d7135ce88', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: '8b5a6536e22745a5428c2cfc5efa93db9aec0baf', label: "Home" }), h("dga-header-menu-item", { key: '8ecf546029fb655e49595c52b964d95f40a4ffb8', label: "About" }), h("dga-header-menu-item", { key: '3da62eb52251d83e1eaf4642fc6298fbffea5a45', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '731ab4d0589a9b0bdc83a66c1b938737b5b0e077', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '0b6342c898b879e65ae271ad4e0ba06721c1324a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f430874ab19c9dad7ea425893dbbf9d26d921259', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'dd1b9bf470d3d5cf20947c18730c0f7f5f804998', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0777af262d718729a236955a332376a832bc2da4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1e15f9c30c1d60fbb73675b890c839633fdec7b4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'b93c2bc7ccb164f2a870a9e162c08d4fcff19660', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9f6735eee4832f26d6504342da67588f93bb42ec', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '71ee2b60f4acc10d766eda7099a937ff834452aa', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e8a69288e6d558e42bfbafebb6b76e248a24f63d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1f09cf9a8c9b584e7ff6ab7b0bd1d9ae07100b05', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6b84c66a22382f12fff2d23f32d1d601264e463e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c149419fe07f02fc2aa134466b3167108d85cb7e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2d7f30dff0071f05691303727e70ba2312e49e8a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c48e0133583c4b847752202ee19d8881f4c9d1ad', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'd969da06f316be6b26f046e2e8973296bc93afa9', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'b70f5c8dfdf4d63bc8444bb7aedaae919c5abcf2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b0e0cea391291ee09abe1ff8434cf2d6751a9c8e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '02fdce97febe2c8dc9947db2bca2da86a375da9f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'e0bbddf598242864bf9ad2a3fc51c8acea5dd851', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'e145d7ba572ecffecd4df047adcf76596c25473b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '2b3f8f571e2c166ca70946f4dd9f9091740cbe93', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '57e5c70eb765576dbcb49b8869cc473bb1fdbda0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '44b0db51ff727a8b42bc5907152d2e2e97ae6d88', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '42fd77d1ff84475f1df9e4cab54149eb6992c5d7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd74bf81a37bf5b3742da58779cda38987c8d62dc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'fe88b6de66c02e271bd5c955a277b3122471fa20', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3a1ad051f97ddb08fc18f83b6fe5a98d3ead822d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7e836e20ed551c21fffd18267413cc6802715a81', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'afb0b69f66027e9e6ebc0d4cf0f2fb60d561031a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '041a6600af3c2e4832ef95e8df7b72a9999d4098', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '704434104a56c25b3e7aab46f40d5685bc4d95d7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2bd2a05becb3d8f36ac3729da706dd498b89c4af', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c5de24981f447c6f4e82af046b1f936bc58b87af', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c2f69747a81939de6e761d0213a613ae7bce2c0d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4e6b42a8098627a7e1d38cbadfb9ec63fe81ae1a', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '88daf1b5d2ab29324fedec57a2924253085892c9', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'b3490bdf1d3ac274fc695f66f15665cfff42dbfd', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '77d4d4485a7181fa68278e3c017c6e9ff3eaeda3', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: 'f86395906defc111f111b1bb45780d308d893b2a', subMenuFullWidth: true }, h("dga-search-box", { key: 'b029b7c6122c436afb3f2dc6921c36e1a8f44061' }))), h("dga-action-menu", { key: '0c13837691d0e2037f6902e5740df388a2072f35', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'df1e717141271c2d01a96d28097cbeab6cb9e77b', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: '1c6f91a4d4278703fa11f823dd4595ff30ea32ee', label: "Home" }), h("dga-header-menu-item", { key: '0e522c5290f166245dd027b660f6b10fc221e3cc', label: "About" }), h("dga-header-menu-item", { key: 'ea473d017c4e385e41ef6e0d0217ee2b3bd8263e', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'cc2a583030d1b81c060411dd9f2fcd67cdf040e7', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: 'ec18c1aa6d1bdee2357e7a633ef6cee1a52045f9', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '8156e2f66e47e62b1365590217a69708ab9967dd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cdee9f2de171238beb0e2b26304ca82de267361a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c65f57d8987b4b242843a8c8509e489f49f333d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ff12ab09933545c7c899279a62397b22d994f3fe', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2596eb7342ecbb1d76ba119c862dcec7d9f063e4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '6ef47801b1fab4a30d995cf28e6187b37d530a2c', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '258595008dfc494f5eb1202982bcdc72ab9dfc35', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'd5825859897c9f37a098e194b887456cbc960da9', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '70efb0c944b1cc4e85264ec6667c1dd22b03cd86', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '86413d6ba127bedb62fe9aead6e0493f96edb226', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5ce2cb51545ac8db94351d6410121772c6992593', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0b43b4e011b0a12f99b4c724afc898288dbed654', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '07335ae8f9de7ad968cea5f9cdfcd86a193b1453', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '388ca344a7c222e49b9bc8d2e09975b9b87582f7', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '305826370e7d05149846cc8f832df9ac26304a5a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '05912f983a8c1f06ac29be07973e83e1e9efe048', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '8fb928f811feff0b1dd8529b21e9d8d326047002', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '23cee2dd5af95093a6caa8232c6af4c77630da22', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69d73f0b67329867efc30851f7ba49b5bcb618a1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '646e8e8cf560ee5a5f854fc96111616f44a23bab', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c3fe38c32771907efbdf6e02885c20c290599b93', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'eda160d30efbbcddecc4513f2837197639811c80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '62c6f3a5d22672d6a8fdcbf474b7f200f686edfa', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9d70c056d49edece184e7d74521651f7e75e8d23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9dcf3a35a08e5afc67646c0249d454745fac60c6', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'ff9e45fb2535e64f9e4290afa88082c353b950f3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ba7a7f14956248fbc8dc51b116ca6ad5819d5958', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '51bbfb7b743da1e24244e1080b77c6018f887cc3', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'a00c3d01a3e6cdbe669a5f137931a90d413865f7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a7e898caaad447ced7c0a15dbf71575ceb6dec84', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '483856b5c57b8ada07bcd0f3771eb87b160044c8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '82a1a793697820c4378387941aa3407d8a492f91', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6f5fb3b16aa53b3455f640e1b86c4b8017451be8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '659b1bf152c5da845c049390f1bb37d9ace12c27', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'b62e968550cc4736759ec34a7ee4286ad2945283', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '5e388e0f47745f77c0299114f1f42c5ef9f5a97b', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '666de3a49694b4d568b2d017c0cae1e69f2e656a', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: 'df837eeb4673fe5fa9dd9210a976f34e025b2986', subMenuFullWidth: true }, h("dga-search-box", { key: 'd76658b6428a3918ea5ef7ee164faac87f98484a' }))), h("dga-action-menu", { key: '4eddffa54f7f657f2c267cda8f854c50227f4077', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '64754f40fb0bee6b1d607e3584598a3a62055d03', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '6f193e40d1c5deb960de9ee1452671da0362ad05' }, h("dga-menu-item", { key: '89e57267f1332b4f3a9b0d1fd74548702adc9c3a', label: "Item Label" }), h("dga-menu-item", { key: '45e062d9206bd8bf5666ce0e7704b820ea86357c', label: "Item Label" }), h("dga-menu-item", { key: '37de0b31976021ae4377571d14f758da9db7b879', label: "Item Label" }))))), h("dga-drawer", { key: '551bf86bf6f658bfa111dfbf24fb2498649ab6af', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '1eb1ec2d37517708694cfe4de9fa5a30fa4c4b1a' }, h("dga-menu-item", { key: '9cb5923bac344b9b6c25cd42f30df042884edb43', label: "Item Label" }), h("dga-menu-item", { key: '420853e00e37b9bec6f59ab9aa6e8574eb08809a', label: "Item Label" }), h("dga-menu-item", { key: 'b2c854834234b12257bd2f8c481a158ef57a3de4', label: "Item Label" }))))), h("dga-drawer", { key: '5851b793a484e7e5054ca2f39e828aadc59b9ecb', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '1e8dadd10ae19ac2ff04350fdb7c9a1a3c26ea26' }, "fdgdfgfdg"), h("div", { key: '2ff702790194f8791f239ca97fed77b736493048' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '15c7d6b7577338bf76fc258859f8d15a61b2c315', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '0aa9ab560f0cbb63e9bdf69151753b6f057ebb7a', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'e6fb92f71e210086220e6e515271e81d585aa395', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'f6af2fb91008b40d62d788f3fe9120445f9197f3', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '5f332f58b7ecabaa5bc2ca089f9a50a25ce421ed' }, "fdgdfgfdg"), h("div", { key: 'ffe92c03d0d519bd5dc0ffd1689d63b7f3f53d64' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'a4621dc91c307674efa4e85c77bf545570425f6b', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '8bb2e13db6bacc7349f5597ae8e34cc126617988', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '860afb9b3c3267111216fb92952a8ae85b7393e5', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'd94e8c3ce27ea4125b69ddcc2b072a7d3aa7606c', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '9636b216ed0f4f67f24f1a5bb810f2f5910c4103' }, h("dga-menu-item", { key: 'dc1e75f2374a6ebfac2c13c13f1cfa5eb42a8a13', label: "Item Label" }), h("dga-menu-item", { key: 'bed6545994c0a7a6d1de721f771692d060b70328', label: "Item Label" }), h("dga-menu-item", { key: 'a8cc8601885ef738a88814c3c05756c8e1d3ca0e', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '437ff62b953bc666e7550f5de1028e26a3c56338' }, h("dga-menu-item", { key: '391760861d0c7db65b80f1f02d4a082c841a1a69', label: "Item Label" }), h("dga-menu-item", { key: '671583b7a7785eafbedd7008decb8f3557cbb0f7', label: "Item Label" }), h("dga-menu-item", { key: 'a2e59aa37e5430243b4a7198b527e4409352ca5a', label: "Item Label" })))));
     }
     static get is() { return "dga-header-menu-item-usage"; }
     static get states() {

package/dist/collection/nds-components/dga-header/dga-header-menu-item.js

@@ -24,13 +24,13 @@ export class DgaNavHeaderLink {
         });
     }
     render() {
-        return (h("li", { key: '3fe9b4d5d242bc366308bad3bebb835f0d9cd89d', onMouseEnter: () => {
+        return (h("li", { key: '2cba909172cdae0b9075de86b3f0559e3d136c00', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, h("a", { key: '54b8d61c8fa707ee2c5ed032ca56a788228fdeef', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'b273333ce799ecd6f7fc302d52d3c66858622644', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'b0b40ba4b3ef75229a1b770944ed5b77bdd6f697', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '1eaaaafe843715df0e8e6284d5f343ce6d074e4a', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: '7c2da4e7d6bacc7e5685fc01b8006430c85f727d', name: "dga-header-sub-menu" })));
+            } }, h("a", { key: '71cdaab31f62ec1989ab53591b406b570a3565b1', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: '6e3976b45661b4902e8e29ec26a3fec1a0d36af9', class: "dga-header-menu__item-label" }, this.label), h("span", { key: '8684aa12634a32bd08d6838777da6a17e0cb3b0e', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '56dff4f48a63299a302fd42ffeb63f4c0f54569b', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: '1bade30b5389eb10e6021d5b71420fe6829977ba', name: "dga-header-sub-menu" })));
     }
     static get is() { return "dga-header-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-menu.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaHeaderMenu {
     render() {
-        return (h("ul", { key: 'bfef06bf6028a2f686f20162d46818995836b6ff', class: "header-nav__menu" }, h("slot", { key: '2b7c6f767accf5dc289779428687592e9affba76' })));
+        return (h("ul", { key: '2092898882a07a65f420e90262c8568bb04b8ee5', class: "header-nav__menu" }, h("slot", { key: '20489f7c6747df2d80d43d8957aac0e1a948a165' })));
     }
     static get is() { return "dga-header-menu-vv2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.css

@@ -2693,12 +2693,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 dga-nav-header-main {

package/dist/collection/nds-components/dga-header/dga-header-sub-menu-column.js

@@ -4,7 +4,7 @@ export class DgaHeaderSubMenuColumn {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'ae849034512fe98518dfebe3ae6e775e19595add', class: "sub-menu__column" }, this.label && h("h2", { key: '802c93798778edac10671e6b71606bce59b3eba5', class: "sub-menu__column__label" }, this.label), h("slot", { key: '7416c54653a6ded44c84f4fdaf9fc21bab9b137b' })));
+        return (h("div", { key: '65441a0781cc99ceb76baeda303a693c0df92d4f', class: "sub-menu__column" }, this.label && h("h2", { key: '2fbd6baeba9a0373385077cdd48d16e6c8e308e4', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'cea2e6bc6494de4a9b775ba50c4f6dba5364c20c' })));
     }
     static get is() { return "dga-header-sub-menu-column"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-sub-menu-item.js

@@ -11,7 +11,7 @@ export class DgaHeaderSubMenuItem {
     render() {
         const backgroundClass = this.background === 'Brand' ? 'sub-menu__link--on-color' : '';
         const linkStyleClass = this.linkStyle && this.linkStyle > 0 ? (this.linkStyle === 2 ? 'sub-menu__link-icon--bg' : 'sub-menu__link-icon') : '';
-        return (h("a", { key: '564a38b048e46832359f94c9bfbae3e558fecba4', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '9a4e8e5d22d6731e08e0b752872ad980b5ca8138', direction: 'column', spacing: 4 }, h("dga-flex", { key: 'f69ac354a85e6ef5cb606aeecc92496a77bf4f8d', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'ae78f504556b445f52c1b2748b5684e555e0b771', class: "sub-menu__link-label" }, this.label), h("slot", { key: '664703c4e60e93cdc4dd52b0810573352fadf104', name: "tag" })), this.helperText && h("span", { key: '380d82a5dde75a21edcb35c327e14c7e1af2cb28', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: 'd842e2ce39102457cc2639d637ccdac17fe756b6', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '3e0b006904b9296d549c43beceeaf6001d1e8528', direction: 'column', spacing: 4 }, h("dga-flex", { key: '314fb82bbc4e8818cde5c030a13075921ea5ae1b', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: '78824aaa330f51253e9caf4b41637ebf0f00cb83', class: "sub-menu__link-label" }, this.label), h("slot", { key: '416eaed9505ddccfea4bf66d0b9801a5da7a5b57', name: "tag" })), this.helperText && h("span", { key: 'cf3b79c228f5510f61957894e5fbf42e17986981', class: "sub-menu__link-helper" }, this.helperText))));
     }
     static get is() { return "dga-header-sub-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-sub-menu.css

@@ -2693,12 +2693,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 dga-nav-header-main {

package/dist/collection/nds-components/dga-header/dga-header-sub-menu.js

@@ -20,7 +20,7 @@ export class DgaHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: '3412eecf26d424fbeac66758eecfa648bd732aa9', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '48fe6790b91b39cc187eaea6c4a4309fea6fc468', class: "sub-menu__container" }, h("slot", { key: 'eb20f702ac7003755cc3d0703574f4926a9d9956' }))));
+        return (h("div", { key: 'ec89a8d94349d47711efbecf4290954a0f32fc5a', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: 'a4c964e6f5e8996e6a77b81fb5ad295b818b0730', class: "sub-menu__container" }, h("slot", { key: 'e930c847711fb7dd74da2fff61133466ba2cb0ba' }))));
     }
     static get is() { return "dga-header-sub-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header.js

@@ -6,7 +6,7 @@ export class DgaHeader {
         this.sticky = false;
     }
     render() {
-        return (h("header", { key: '45883b49c5f17f1da75895b43e7f5aea990c6845', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '561e98847096ec9b01f23ec7e30f84a0f7bd9bbc', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '95407d747d48d726480d8d0c753116c0a1275bb9' }))));
+        return (h("header", { key: 'fb02e568909a7d61e1f3316b93b29964dcb60524', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'ed8356ed3e8272afb3353e8936f95d8514108cbe', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '24b3b0fa235e99eca059c636beb9f1c1f5935d1f' }))));
     }
     static get is() { return "dga-header-vv2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-logo-placeholder.js

@@ -17,9 +17,9 @@ export class DgaLogoPlaceholder {
     // }
     render() {
         // const logoSize = this.getSize();
-        return (h(Host, { key: '8e9a360e6e8b46277cd82d2c215abebf3141316c' }, h("div", { key: 'c9869a81c653f8b8c35ffa78c511af81d75460d8', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '44a3f106eefb8fea6d5d42db1d792eead47ce7a2', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: '1ae9523f635c749b22a7a4a671f3d12854f04e62' }, h("div", { key: 'bedc1a7ed9e1c27e7948fd7e51c575d8bf3d7d79', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: 'b8db547032e24c3debc25959f2969602e6601d46', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '21a5bddd42db13f4e2fceb1b87800aebb35db20c', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '919f751114ff5a2bca8c4dbc22cb5ea56ebf24ff', class: "logo-text" }, this.text))));
     }
     static get is() { return "dga-logo-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-accordion/nds-accordion-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsAccordionUsage {
     render() {
-        return (h("div", { key: 'ea6654f396e811d48f4d01fbbd9dc75632166e2f' }, h("h1", { key: 'cff51c7d8417f7c3f77012377514e552acb3dd00' }, "Accordion Example"), h("div", { key: '81369d17db5e9e9e7574354ae7e8a292439bb4fb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9474f9cbc71bcb08d612aeed3fcff1e1b267ebf4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '285e3030e52fe54333dd8d665361978f70a51c0d', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'e42eb0a3744744ba8fee69631f8ef62b7f5e4726', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '0abcde75e8b940520be91366ba16aa95e0cfd83c' }, h("p", { key: '8477be101b9948ea96a4f01727029b783db65cf2' }, "This is a ", h("span", { key: '3fd2c391d1e4784bc0628ed9bd6c282ad08748f0', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '2227843f87f6e63940b1568bcfdea2d1aa534444' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '7e361b74ebf87267c41cbe302f7dbcf79a8e7891' }, h("h1", { key: '77ac31cdd51c834025dc8f9fea936ffc870e9e8e' }, "Accordion Example"), h("div", { key: '12a09f5d4b8183cdca21c45a5a3ab16bc4d9425d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf8dfbe3a67a0819b2284715d0c5c3f9cd983a4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'c47aa39ca65765819a12ec7cec00c401a50431df', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'a96ac17200bc4ae4662e0e00d8a33e2ffb0bfaca', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '906e9ba760d9a64170979acf27ac382adcdee117' }, h("p", { key: '2ff6e5e6312749c0351e1146e0d1694007c32739' }, "This is a ", h("span", { key: '54588cae0353ff32bb8312cea9ff50d5f4ad388f', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'dedac5682b02aa918a6244563446204c35e08823' }, "You can put any React nodes here.")))))));
     }
     static get is() { return "nds-accordion-usage"; }
 }

package/dist/collection/nds-components/nds-accordion/nds-accordion.css

@@ -2318,7 +2318,6 @@ a:focus {
 }
 .dga-accordion-item__header:hover {
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-accordion-item__title {
   color: var(--text-default);

package/dist/collection/nds-components/nds-accordion/nds-accordion.js

@@ -73,10 +73,10 @@ export class NdsAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'd138668476b32d846dddb7426c58ccfd2133c5e4', id: this.componentId, style: this.rootStyles }, h("div", { key: '041f5ad658b1889639cf0847c8453f236ce62846', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: 'bc7a6d7c83c4ad062e65cd43d492de604ed5f5b7', id: this.componentId, style: this.rootStyles }, h("div", { key: 'cdcbc1f0d8de458f517009166aed86bc43b29d5c', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'e723f3732caf4a1764b80437013315676950ccbd', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: 'b875c6fb8b739b4dad4e4ecc4765baaad8261c8c', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'd722ec7409e75b50646fb7c9b0518686f7b60340', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '5dc07249b42fe6f5232d2e13f3c7e648becfbf74', class: "dga-accordion-item__title" }, h("slot", { key: 'a7c64b0aef2e55eee39247ce8848b67eddd8d92e', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'ef3708ce48048426b0de5a367c7efbbe3ae0cd48', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '623c0d6a50bdd876841422bf760300dd9885169e', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '87214937bd23ade5f957082b43bcfbec97f2e342', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: 'f5ed1d7c0f834d2693a80d60a982b2d5bf899a29', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '7c308715863f6face41a45bf617a1e7d8dd1575d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '68027a208de2258fc731db3f142d4bb65098971b', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '980d08264b997a5e4ae8c92b9a5e8ced3f4b8762', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'a6a887bd902f1164de4abe3568b7b523d067aa0d', class: "dga-accordion-item__title" }, h("slot", { key: '1aeb61a4f9c69703e74faf9a0620140382cadce0', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'ab5176741d11bc7a60d8fca15eda80860d76a6ab', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'dfc1a6326f9056ace94a0cd17fe04b847872e73f', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '46b5542e23f7666ed75c31228a8ae986e8aa31db', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '8215fc04cb7956d8fde32134983cb4311da412b0', name: 'content' }, this.content)))));
     }
     static get is() { return "nds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-avatar/nds-avatar-usage.js

@@ -4,39 +4,39 @@ export class NdsAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '81325db0d14273102fb55b3b1c73ffdc24eae7eb' }, h("h1", { key: 'd089f32d73319a013de1008ea2c5137c38715e2f' }, "Avatar Example"), h("div", { key: 'e0e0fd5b7fe17f438e0e3b96fa594dd49de785cb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '97b86cc037d3deb82233762941b7af7076b001ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'e66c0f8e182f21633df4cccedc7237aedcba147f', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '288c93d20964a10ee4e2f7f5d93e7f995717cddc', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '76a85df8902e1b4c0872d8d7f092a6f98a185397' }, h("h1", { key: '02e2c1a1cdcb3b08dc1b8ba9bf0ca7afadd76e39' }, "Avatar Example"), h("div", { key: '9317f52449306f400ee37700df76c4d57bbec62f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6917f4c54578a8983bd34b33cc18207061d8d13f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1b9a039bebcc8f3a78d3562ab3685e659b6f8801', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '0e72d21030046275821ae3f7d3d397487f90ae05', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '78315380cb8ad25f7d7c539ba25b73bc86c686e3', size: 120, border: true, square: true })), h("dga-avatar", { key: '0e2e95bc9971cd9eefe08107bf116bb5b9a50ce8', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '17a5d027eab724424b927593a6841d490b25c601', size: 120, border: true, square: true })), h("dga-avatar", { key: '94db0f5ee1fb5c15f7624b9a4125b570970ce190', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '8d009c6c8dd01559b0d9699b8e5c2e4ddd409b85', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'aed6214dadfc06c813a86536348cc880c0614784', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '00225c962433b8931b244c60a48c16975441ddac', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '4d07ceff91fa73f27a6aba2471e69dc871565d05', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b415ca0a24d6287cd16edb38fe872029b8ccdca3', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'a42eb89687da470706d8b977f84cc1bc06ff62e4', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '55598148d05a675c43a97d7cc359a4441fe33f20', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'b5d183f591e8e135ce3816df734898d49c08c9c1', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'ff9b7fa85e824c634c1b88bcb5f7a9d074b020e1', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '5f606547e374e32e9a06aa2bd9610fd4d0afd01e', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'a6d21e51604cba8be541c9d618bd303394885215', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '5880bb7678d280267729a9ac25530117ae2f5ac0', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '6de94f0357aad5678ddfc411763bb12de4930eff', stacked: true }, h("dga-avatar", { key: '111ca78223bdf331d682bd5930a57b7430042674', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '7a8a4850cb10ec7341a6ff0ed09d824975111204', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '93b0b8cf93f51d51136ccce96a0dc66910526325', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '8b00fda30e6a50a494434dc567c90f9708d2d7c6', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '6145490f7d483e8c5eb842e775401c6421268806', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '60bc3f2e2135bed0341a84bfbf396dec596aa708', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: 'b1ba8f0e1d48beb2f034185d2644f461f8a25394', stacked: true }, h("dga-avatar", { key: '82fae481cafb8fe37875335a78737c344da8c04a', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'ef19f3ff798a84e10f0088413637e9866cd9558a', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'bcc45262e7b7917bfa8519b98c4b83fe067c7eed', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'fcdf130f3141347b6e64d7067e0ff2f8b2e673b2', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'f947275d38bdd73c13ab61bccf4519ebb491774a', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7a95640ee56216d9d9231dc21f36e173e7919d03', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-avatar-usage"; }
     static get states() {

package/dist/collection/nds-components/nds-button/nds-button-usage.js

@@ -4,13 +4,13 @@ export class NdsButtonUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Button Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '89f1432676c5548ee27843c5d6b31d38343faa7c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '000a2f89fd5a6cf2d4f843acdb23c1f5b4e3077f', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '070c48e04b5b0d28b45bdd65e1f455ece7e35332', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'd651debc5ac19e8751fbafef446b4bd3d85396bd', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'b32cb83b6d6f16b234b80251aea220f338175115', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: 'c462c7be3b38aecdd13a9cd82f729e3c2faa5222', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: 'ad15cd27f917d8ea4225f3d29d31e0a5e47ae38b', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '0740ea687410b455bf6f9713c818436ac3de955c', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: '4eb5c8e00755f5ac37d8d487c668e01fefdd2fc1', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: '2fd46c3a5266b2796d681403a74a7a637e18a145', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: '73c46d25247e8b86eff16200a622f02acbe162c0', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '95d21bd894076baaa3f016e722f825bf790e4b12', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'e0db7d546166d687e2d07a06bb0a6aa979e736c7', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: 'aa42a673bd9667857e9dd1f10ce8283377a97f57', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '266fc30785374bdddd861952e88e8f3f825e1088', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: 'ebe862c13e1eb3c99266e56a0e04450d3e1689da', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '84038b1a8cd8d9bd2962d21644e34beeee983698',
+        return (h("div", { key: 'a0a823c098af6df00bd7b77244c48b62c35d062c' }, h("h1", { key: '7279a21c6210ed7e50f34280cab77560b87fc19c' }, "Button Example"), h("div", { key: '5ff9a3264309e5e118f49fc911a8190e7b257e4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4a444893cf33503b545e337996154dda2897d26f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-flex", { key: '67710defbf59ac75d07743749af8f1b7010df23c', direction: "column", spacing: 16 }, h("dga-button-v2", { key: '5a49c8e357f09fe97da31d987021b0c25e0d6ad4', label: "Button", variant: "primary", size: "lg" }), h("dga-button-v2", { key: '75ac62d5c9ee866da8e6d875c17147c202f06bde', label: "Button", variant: "primary", size: "md" }), h("dga-button-v2", { key: 'c04493292b27a71bef921e296060a1cb24e4b2dc', label: "Button", variant: "primary", size: "sm" }), h("dga-button-v2", { key: 'cdf6e06a1315767f930feac5f7b878496d8998b6', label: "Button", variant: "neutral", size: "lg" }), h("dga-button-v2", { key: '83a3cec32965e051cca67349fdac68cbb0dfb7be', label: "Button", variant: "neutral", size: "md" }), h("dga-button-v2", { key: '196636775a07ef3a2718acfb57480377578e7c19', label: "Button", variant: "neutral", size: "sm" }), h("dga-button-v2", { key: '4bfc065e3fa8d51d946c515ac94fae9c9096e53e', label: "Button", variant: "secondary-solid", size: "lg" }), h("dga-button-v2", { key: 'df67f0f26d95b385022b1e9628669c44f0fa7f7b', label: "Button", variant: "secondary-solid", size: "md" }), h("dga-button-v2", { key: 'a1fbc40797421d5c3fdd2f51da45f490fb1f47df', label: "Button", variant: "secondary-solid", size: "sm" }), h("dga-button-v2", { key: 'a7be0d10c536b46423d1991ab52473eb83f8077d', label: "Button", variant: "primary", destructive: true, size: "lg" }), h("dga-button-v2", { key: '5fc9845458757d81e3e8201f6b73aa86d996b9f5', label: "Button", variant: "primary", destructive: true, size: "md" }), h("dga-button-v2", { key: 'ce1e0bac6082807fb068bc03be65d6ea0815e683', label: "Button", variant: "primary", destructive: true, size: "sm" })), h("dga-button-v2", { key: '085bc892a9974e219f8c189a10d269791fd7b509', label: "Button", variant: "primary", onColor: true }, h("dga-button-leading-icon", { key: '9cdc4208b9580b932a753b348cce3adf97d91185', name: "link-square-01", size: 16, color: "red" })), h("dga-button-v2", { key: '081442c9a621daa816c3b61f79f1be5970d96abc', label: "Source code", variant: "secondary-outline", leadIcon: true, leadIconProps: { name: 'source-code', variant: 'stroke', type: 'standard' } }), h("dga-button-v2", { key: '611e212c60ecc8c8be5d6e32f2b3a8f66f2465c4',
             // className="absolute top-[50%] left-[50%] transform -translate-x-1/2 -translate-y-1/2 opacity-0 group-hover:opacity-100"
             label: "See live preview", size: "lg", variant: "secondary-outline", trailIcon: true, trailIconProps: {
                 name: 'link-square-01',
                 variant: 'stroke',
                 type: 'standard',
-            } })), h("div", { key: '83e08f213b61dd934fa6344b7c6d4a17cce57116', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: '871ba21b40c44ec3159a485db6b4208b9855165e', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'a5c787c0085e3e16e4e7e3f68ebfdbe0edc16560', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: 'eda1a5c87a8b240dd71ba2e67904dbacab99d172', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '57280405cd7f285d53e4cac4a8e6ffded9981786', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '3ea6e3a3411b58281b35e4519cded114a18eada9', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '3425fb7a4bf86465aa7c8cd2fc49538bbe8db5ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '4c249cc1ace9143af32d0cfbdad1fb4b6115d403', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31', padding: '20px' } }, h("nds-button", { key: 'd349de388b313edd812dd06cc4bbba01e84f9826', label: "Button", variant: "primary-brand", size: "lg" }), h("nds-button", { key: 'e8259893474ec84ffb3a57e260b61bedb7c177d9', label: "Button", variant: "primary-brand", size: "lg", selected: true }), h("nds-button", { key: '55f2c48d8210c5acffb86d60a832bee70c5e6ca1', leadingIcon: 'link-square-01', size: 'sm' }, h("dga-icon-v2", { key: '8a2526b238a2615673ccabf983bd777d55aeb89f', slot: 'leading-icon', name: 'source-code', variant: 'stroke', type: 'rounded', size: 16, color: 'white' }))), h("dga-icon-v2", { key: '2f8f8e73c4215653357a4eb82a6ccff33da1132c', name: 'link-square-01', variant: 'stroke', type: 'rounded', color: 'red' }), h("div", { key: '619560d745c46531287b4bf6a2abc07f74967c5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-button-usage"; }
     static get states() {