@infineon/infineon-design-system-stencil 33.1.1--canary.1824.75b5030250f4474f2c947b6e8dc7055bdc915c43.0 → 33.1.1--canary.1818.40b59d3e7e35c19c1cd5c4976a5aecca37653bcd.0

package/dist/collection/components/pagination/pagination.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -13,7 +13,7 @@
   justify-content: center;
   align-items: center;
   gap: 32px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .container .items__per-page-wrapper {
   display: flex;

package/dist/collection/components/pagination/pagination.js

@@ -148,7 +148,7 @@ export class Pagination {
         this.initPagination(paginationElement);
     }
     render() {
-        return (h("div", { key: '047acbff50fc5a5675d6f6d8a603c7e252d6b39c', "aria-label": 'a pagination', "aria-value": this.currentPage, class: "container" }, h("div", { key: 'a3b268b9c31899907cb3482fe85ce07fea1f41cd', class: 'items__per-page-wrapper' }, h("div", { key: 'f656c2de9e56caa9c5cc65f2a77246417bc8299c', class: 'items__per-page-label' }, "Results per Page"), h("div", { key: '709b4cdf496caf104e9e7b9c8536a1e91acd7347', class: 'items__per-page-field' }, h("ifx-select", { key: 'ba80a030e442f779174a2550fdcdc4caa90004a1', value: 'undefined', size: 's', placeholder: 'false', "show-search": 'false', "search-placeholder-value": 'Search...', disabled: false, error: false, "error-message": 'Error', label: '', "placeholder-value": 'Placeholder', options: this.filteredItemsPerPage }))), h("div", { key: '90de785f8a6b820dc8c637130c04c1bb2a15040c', class: 'items__total-wrapper' }, h("div", { key: '70a345e2ef50adbf50fcde5b904c52e233ccaf73', class: 'page__numbers-wrapper' }, h("div", { key: '9f8a403786df3e3b9cc762dc2c4a37daabf5d37d', class: "pagination" }, h("ifx-icon-button", { key: '81dba532c99afd848ab49029bc8dd20d17a766f1', variant: 'secondary', class: "prev", color: 'primary', icon: 'arrow-left-24' }), h("ol", { key: 'e0275ab45d41f17523fd44da14ac0183f35c0047' }, this.numberOfPages.map((item) => h("li", { class: `${this.internalPage === item ? 'active' : ""}` }, h("a", { href: undefined }, item)))), h("ifx-icon-button", { key: 'f12af4914fecb3e2fbea69d2a37ef5638fa8ecea', class: "next", variant: 'secondary', color: 'primary', icon: 'arrow-right-24' }))))));
+        return (h("div", { key: 'b0c95fd2d1f3eff8c2a02773b7332fa8a0e8df4b', "aria-label": 'a pagination', "aria-value": this.currentPage, class: "container" }, h("div", { key: '5258c41927e8699f3abedd4e4cf127abc9b9d621', class: 'items__per-page-wrapper' }, h("div", { key: 'c1613e4f10bddd59733f92a18b02df25fb2bd41c', class: 'items__per-page-label' }, "Results per Page"), h("div", { key: 'c51981aec1cf851bba48ccac2bfdfc0d6889efdf', class: 'items__per-page-field' }, h("ifx-select", { key: 'df0af4e9e347a3bad00477d187df5dfa2336a3a8', value: 'undefined', size: 's', placeholder: 'false', "show-search": 'false', "search-placeholder-value": 'Search...', disabled: false, error: false, "error-message": 'Error', label: '', "placeholder-value": 'Placeholder', options: this.filteredItemsPerPage }))), h("div", { key: 'ef3a823246abfd7c22f4e3a214c87880491a97ce', class: 'items__total-wrapper' }, h("div", { key: 'd358a8c56ea8a2963b4de1cb0e3424e45bef5486', class: 'page__numbers-wrapper' }, h("div", { key: 'e0fd96bf52b67c9010f567bc11856f57f1fb9128', class: "pagination" }, h("ifx-icon-button", { key: '094f2b269326b82f332375bbf0bf94b25c895051', variant: 'secondary', class: "prev", color: 'primary', icon: 'arrow-left-24' }), h("ol", { key: '1cbe4f1104728aaf5c384d2328db1f2cfc10e6e5' }, this.numberOfPages.map((item) => h("li", { class: `${this.internalPage === item ? 'active' : ""}` }, h("a", { href: undefined }, item)))), h("ifx-icon-button", { key: '8befcf76b3fb5d7c349dbde7f45041b7cf661882', class: "next", variant: 'secondary', color: 'primary', icon: 'arrow-right-24' }))))));
     }
     static get is() { return "ifx-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/progress-bar/progress-bar.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -20,7 +20,7 @@
   width: 100%;
   overflow: hidden;
   background-color: #EEEDED;
-  font-family: var(--ifx-font-family, sans-serif);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .progress-bar.s {
   height: 4px;

package/dist/collection/components/progress-bar/progress-bar.js

@@ -13,7 +13,7 @@ export class ProgressBar {
         this.internalValue = this.value;
     }
     render() {
-        return (h("div", { key: '64f507df1eac5c53bd7d63fe189fbf56dc709c84', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '4c5ad2468ad886bcdfb82b5bccf89ca7d12a92f4', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'dba659058f24981db9abd33f127a02ded4ae22b4', class: "label" }, `${this.internalValue}%`))));
+        return (h("div", { key: 'e1978cda672a5b004cd0520c099041172ec5e819', "aria-label": 'a progress bar', "aria-value": this.value, class: `progress-bar ${this.size}` }, h("div", { key: '2e9094099e63479b88f5b832ec55f5eb51ab0d13', class: "progress", style: { width: `${this.internalValue}%` } }, this.showLabel && this.size !== "s" && this.internalValue !== 0 && h("span", { key: 'd7f1ecd1109f03379ffa36626e27f50f9ef7ca72', class: "label" }, `${this.internalValue}%`))));
     }
     static get is() { return "ifx-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button/radio-button.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -28,7 +28,7 @@
   padding: 0px;
   gap: 8px;
   cursor: pointer;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .radioButton__container.m .radioButton__wrapper {
   width: 24px;

package/dist/collection/components/radio-button/radio-button.js

@@ -87,10 +87,10 @@ export class RadioButton {
         }
     }
     render() {
-        return (h("div", { key: 'fb96cb8ec773d535c899a67b95367b9a41e9972e', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: 'aab931a5d17633db56b1427041441d59c17b9bca', class: `radioButton__wrapper 
+        return (h("div", { key: '8b8ef83f01253deda3870317ac1899ea1e6d7bca', role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), class: `radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`, onClick: (e) => this.handleRadioButtonClick(e), tabindex: this.disabled ? -1 : 0 }, h("div", { key: '7668fa54b0682d512ef1af676dac8aee5575f8e8', class: `radioButton__wrapper 
             ${this.internalChecked ? 'checked' : ''} 
             ${this.disabled ? 'disabled' : ''} 
-            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '070abfb34203284052a23b123cacc902b6ec1b54', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: '029b22757a26ef835972e66f62c4bab458c495a1', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '39ffad71bc767b82b98addecef6a95a5939b6e0c' }))), h("input", { key: '296c33ab1446e723d92d00c21fe91abb36461b87', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
+            ${this.error ? 'error' : ''}` }, this.internalChecked && h("div", { key: '5bd3bd3000434c1f0811534d0239b4b119e73f34', class: "radioButton__wrapper-mark" })), this.hasSlot && (h("div", { key: 'a4a533b20998726877f131d75f8477e41f7205e1', class: `label ${this.size === "m" ? "label-m" : ""} ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '5e097bb9d5048fd13d1a8a790ec3e0af666a24b4' }))), h("input", { key: '52c6fb892db708d17a460df3c31ea998d2528895', type: "radio", hidden: true, ref: el => this.inputElement = el, name: this.name, value: this.value, checked: this.internalChecked, disabled: this.disabled, onClick: (e) => e.stopPropagation() })));
     }
     static get is() { return "ifx-radio-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/radio-button-group/radio-button-group.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -10,7 +10,7 @@
 
 .radio-button-group {
   display: flex;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   gap: 8px;
 }
 .radio-button-group.horizontal {

package/dist/collection/components/radio-button-group/radio-button-group.js

@@ -40,7 +40,7 @@ export class RadioButtonGroup {
         this.hasErrors = Array.from(this.errorStates.values()).some((error) => error);
     }
     render() {
-        return (h("div", { key: '86189849ec52df99ab0d994016ec346e366125bd', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: 'bcfebaea120d43a15f3a3384b3b66513c3fc9d81', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '1b8d66770b3e86f74f7db221885aa5010c3fe340', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
+        return (h("div", { key: '81ad6c9e3c9383011b89b8c5cbc0199a82731ede', class: 'radio-button-group-container' }, this.showGroupLabel ? h("div", { class: 'group-label' }, this.groupLabelText, " *") : '', h("div", { key: '7cff1f5f620a3d8a8b9942fa036e7da781365332', class: `radio-button-group ${this.alignment} ${this.size}` }, h("slot", { key: '379cb323140188aa43ad1677d05e81a6b6335b03', onSlotchange: this.handleSlotChange })), this.showCaption ? (h("div", { class: `caption ${this.hasErrors ? 'error' : 'default'}` }, this.showCaptionIcon ? h("div", { class: 'caption-icon' }, h("ifx-icon", { icon: "c-info-16" })) : '', h("div", { class: 'caption-text' }, this.captionText))) : ''));
     }
     static get is() { return "ifx-radio-button-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search-bar/search-bar.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -16,7 +16,7 @@
   flex-direction: row;
   align-items: center;
   width: 100%;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .search-bar.closed {
   display: flex;

package/dist/collection/components/search-bar/search-bar.js

@@ -30,7 +30,7 @@ export class SearchBar {
         this.value = event.detail;
     }
     render() {
-        return (h("div", { key: 'a55d4e65246eea46fddc5552b82baaee3a5d5145', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
+        return (h("div", { key: 'c902f46ef9efab55d05e5f0c5bf24204e364f9f7', "aria-label": 'a search bar', "aria-disabled": this.disabled, class: `search-bar ${this.internalState ? 'open' : 'closed'}` }, this.internalState ? (h("div", { class: "search-bar-wrapper" }, h("ifx-search-field", { autocomplete: this.autocomplete, disabled: this.disabled, value: this.value, maxlength: this.maxlength, onIfxInput: this.handleInput.bind(this) }, h("ifx-icon", { icon: "search-16", slot: "search-icon" })), h("a", { tabindex: "-1", href: 'javascript:void(0)', onClick: this.handleCloseButton }, "Close"))) : (h("div", { class: "search-bar__icon-wrapper", onClick: this.handleCloseButton }, h("ifx-icon", { icon: "search-16" })))));
     }
     static get is() { return "ifx-search-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/search-field/search-field.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -11,7 +11,7 @@
   box-sizing: border-box;
   background-color: #FFFFFF;
   width: 100%;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .search-field .search-field__wrapper {
   box-sizing: border-box;

package/dist/collection/components/search-field/search-field.js

@@ -46,7 +46,7 @@ export class SearchField {
             this.showDeleteIconInternalState = false;
     }
     render() {
-        return (h("div", { key: 'f7e39651b1113f8344bc93a4675b2a67413bd4aa', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: 'db17b6f0444655ca36f1c45e5ab2e6087059da72', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: '6bd37c551588c707c8ea5e3df755b0a1acc4c120', icon: "search-16", class: "search-icon" }), h("input", { key: 'a5b176c77b7822a41e932aea15245f1f88e48db3', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
+        return (h("div", { key: '69bfbbbb91d0d918c9d62f1023babc630325882e', "aria-label": "a search field for user input", "aria-disabled": this.disabled, "aria-value": this.value, class: 'search-field' }, h("div", { key: '0bd284139b40d1c6b2288c74fb4f65235e470ab1', class: this.getWrapperClassNames(), tabindex: 1, onFocus: () => this.focusInput(), onClick: () => this.focusInput() }, h("ifx-icon", { key: 'a472e315073ad3d92fd55a5689f84e31bb57271c', icon: "search-16", class: "search-icon" }), h("input", { key: '0e4d8258fe7058ee1ad9b12605ccd7ba14f23ce2', ref: (el) => (this.inputElement = el), type: "text", autocomplete: this.autocomplete, onInput: () => this.handleInput(), placeholder: this.placeholder, disabled: this.disabled, maxlength: this.maxlength, value: this.value }), this.showDeleteIcon && this.showDeleteIconInternalState ? (h("ifx-icon", { icon: "cremove16", class: "delete-icon", onClick: this.handleDelete })) : null)));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/collection/components/segmented-control/segment/segment.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

package/dist/collection/components/segmented-control/segment/segment.js

@@ -18,7 +18,7 @@ export class Segment {
         }
     }
     render() {
-        return (h("div", { key: 'b0e0c3be590edbecf7957839802f5f3fbecb4c00', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: '395449d5d173dcd61de6cd62fc1d494854c3172d', icon: this.icon }), " ", h("slot", { key: '8ef28870e7585df49a38f7d7525a0b21832f2dda' })));
+        return (h("div", { key: 'a2a4f876b6df7d82483690ab39a8eb2957f86b98', class: `segment ${this.selected ? 'segment--selected' : ''}`, tabIndex: 0, onClick: () => { this.handleSegmentClick(); }, onKeyDown: (e) => { this.handleSegmentKeyDown(e); } }, h("ifx-icon", { key: 'ebb49e6c61e102ef1b215c7210108af449a4533f', icon: this.icon }), " ", h("slot", { key: 'cbbb7945b5cfe90543b0ed3ddbe64f1799f1483c' })));
     }
     static get is() { return "ifx-segment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/segmented-control/segmented-control.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

package/dist/collection/components/segmented-control/segmented-control.js

@@ -62,8 +62,8 @@ export class SegmentedControl {
         this.setActiveSegment();
     }
     render() {
-        return (h("div", { key: '485d5854ee472ee281b5f5d2265e9ca9758e67b5', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '688f90f36efb36beebd5c3b2d584c5ebbef37ba9', class: 'group__label' }, this.label.trim()), h("div", { key: '7eb4812bcf09729220a5e4816b3a90038b738c74', class: 'group__controls' }, h("slot", { key: '500001ba964000357ea760e7238f96efc5c00b30' })), this.caption.trim() &&
-            h("div", { key: '0064cafed88e72a7bc9bf0d28d168dbfc9a95e67', class: 'group__caption' }, h("ifx-icon", { key: '190548d6635d7d341d3a755aeef79abdfde3ac14', icon: 'cinfo16' }), " ", this.caption.trim())));
+        return (h("div", { key: '440acc93eac2fe00fb0de05708e74361b47889e3', "aria-value": this.selectedValue, "aria-label": 'segmented control', class: 'group' }, h("div", { key: '0fbbe733af666f4da2684f7146cace877d43be18', class: 'group__label' }, this.label.trim()), h("div", { key: 'f4ddddb0f4870b5de51133e1d4f44b52aac091b6', class: 'group__controls' }, h("slot", { key: 'c89b3beba004ae66725b3fe82c588a9af2c1b645' })), this.caption.trim() &&
+            h("div", { key: '25e23614a9f8c980c7a96a6dff27ca9836b552ab', class: 'group__caption' }, h("ifx-icon", { key: '09766369503ef8aac9ea018b5eb3e547932b6121', icon: 'cinfo16' }), " ", this.caption.trim())));
     }
     componentDidRender() {
         this.setSegmentSize();

package/dist/collection/components/select/multi-select/multiselect.css

@@ -1,12 +1,12 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
 .ifx-multiselect-container {
   position: relative;
   box-sizing: border-box;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .ifx-multiselect-container.small-select {
   height: 36px;

package/dist/collection/components/select/single-select/select.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -8,7 +8,7 @@
 ===============================*/
 .ifx-select-container {
   box-sizing: border-box;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   /*
   START Select options: item alignment
   */

package/dist/collection/components/select/single-select/select.js

@@ -218,9 +218,9 @@ export class Choices {
         // destroy choices element to restore previous dom structure
         // so vdom can replace the element correctly
         this.destroy();
-        return (h("div", { key: 'd1084afed1846d9318dc8197686dba20012ae2a5', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'bf90f1b486e2b0e85adcc1ec65cf5bb1851defc3', class: `${choicesWrapperClass} 
+        return (h("div", { key: '4c8d53aa45b4271d4605d53fab95930cfa238e41', class: `ifx-select-container` }, this.label ? (h("div", { class: "ifx-label-wrapper" }, h("span", null, this.label))) : null, h("div", { key: 'dd8a78c93962d3a2c23cb9166b1790f1aa52b0d2', class: `${choicesWrapperClass} 
             ${this.disabled ? 'disabled' : ''} 
-            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '285000685100dd8cf19f71fbf7b7796a99b6d925', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '9046acceca10d77f7e3b944b6a08f0ebd7d5135b', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '429c3bf05d709ed77af0b2428ea8cde1767c5c7a', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '2df6b18d6aa7ffdefc285931f8715b4e1c430845', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: '45426b047419d3cc73085b998c5753bfd4ee36b7', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'fce02b9aab8cef05106c3da223019786821a6273', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
+            ${this.error ? 'error' : ''}`, onClick: this.disabled ? undefined : (e) => this.handleWrapperClick(e), onKeyDown: event => this.handleKeyDown(event) }, h("select", Object.assign({ key: '79659e3d6add1302f4b311f1b911dd8f6a472718', class: 'single__select-input-field', disabled: this.disabled }, attributes, { "data-trigger": true, onChange: () => this.handleChange() }), this.createSelectOptions(this.options)), h("div", { key: '8ed023feb5d55c75083dc43403c3c3365d58fcd2', class: "single__select-icon-container" }, this.optionIsSelected && (h("div", { key: '40b5fbb5bb07bd23aa49c2f0485855e6f9604cf7', class: "ifx-choices__icon-wrapper-delete" }, h("ifx-icon", { key: '81ecbe40f43c555df8990ce2a393170193e5c6d7', icon: "cremove16", onClick: () => this.handleDeleteSelection() }))), h("div", { key: '2aabe5ee5ecce1ff833e26c62b514f41209cef5b', class: "ifx-choices__icon-wrapper-up" }, h("ifx-icon", { key: "icon-up", icon: "chevronup-16" })), h("div", { key: 'b89f70067c4da987d24eb9da9835287e94819d3a', class: "ifx-choices__icon-wrapper-down" }, h("ifx-icon", { key: "icon-down", icon: "chevron-down-16" })))), this.error ? (h("div", { class: "ifx-error-message-wrapper" }, h("span", null, this.errorMessage))) : null));
     }
     toggleDropdown() {
         const div = this.root.querySelector('.ifx-choices__wrapper');

package/dist/collection/components/slider/slider.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

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

@@ -136,10 +136,10 @@ export class IfxSlider {
         this.updateValuePercent();
     }
     render() {
-        return (h("div", { key: '67037beef09b2bd0c27b1e8e1b56f0dba3beafed', class: "ifx-slider" }, this.leftText && (h("span", { key: '13ea96c660418afa4427582a22e167b4e751eb8a', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: '78cef60ca53df2cd8c38323a6bb815ff6fe8d7db', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
+        return (h("div", { key: '6d8a7acac67dff6fa16e5857d5d87ac1a230e708', class: "ifx-slider" }, this.leftText && (h("span", { key: '8fa50d852e012089fd2b918b093e87bf3c2f2c3a', class: `left-text` }, this.leftText)), this.leftIcon && (h("ifx-icon", { key: 'd84ba5ac7f08dd8dddca0c24143ba97bcfda374e', icon: this.leftIcon, class: `left-icon${this.disabled ? ' disabled' : ''}` })), (this.type !== 'double') ?
             h("input", { type: "range", min: this.min, max: this.max, step: this.step, value: this.internalValue, disabled: this.disabled, ref: (el) => (this.inputRef = el), onInput: (event) => this.handleInputChange(event), "aria-label": 'a slider', "aria-value": this.value, "aria-disabled": this.disabled })
             :
-                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '8a0829ceb69a86dc0d1c16c12ba18340e461daf6', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'bdc44d94b0002ea82a65fd41a75e3037122e12ec', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: '6f3b3e8e72622c13046afc9b62cbba3c077e07e9', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
+                h("div", { class: 'range-slider__wrapper', "aria-label": 'a range slider', "aria-value": this.value, "aria-disabled": this.disabled }, h("input", { id: 'min-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMinValue, disabled: this.disabled, ref: (el) => (this.minInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) }), h("input", { id: 'max-slider', type: 'range', min: this.min, max: this.max, step: this.step, value: this.internalMaxValue, disabled: this.disabled, ref: (el) => (this.maxInputRef = el), onInput: (event) => this.handleInputChangeOfRangeSlider(event), onMouseUp: (event) => this.handleOnMouseLeaveOfRangeSlider(event) })), this.rightIcon && (h("ifx-icon", { key: '02911017ea076f62e13a55b98e8a723f40c9c75b', icon: this.rightIcon, class: `right-icon${this.disabled ? ' disabled' : ''}` })), this.rightText && (h("span", { key: 'e984e2322ff0fe2f8d2a2404a8e342c393a822e7', class: `right-text${this.disabled ? ' disabled' : ''}` }, this.rightText)), this.showPercentage && (this.type !== "double") && (h("span", { key: 'eb473d4ddcf6d10a3e01c474ffc76b916b0163e3', class: `percentage-display${this.disabled ? ' disabled' : ''}` }, this.percentage, "%"))));
     }
     static get is() { return "ifx-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/spinner/spinner.js

@@ -5,8 +5,8 @@ export class Spinner {
         this.inverted = false;
     }
     render() {
-        return (h("div", { key: '62c04f3edcd19f245768a00c304808f3a4972cf3', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: '1aa7214da8a9293e56d8563578f5f522ae867a2d', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
-            && h("div", { key: '53293c967ecdb480cec817cdcdf2eb93395ccd96', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '3105c3ff1c486d7049eac8ae5e2fa3cfd98f1829', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2f3f900a042d7d333e28ce5f8f6641791b67fe50', id: "spinner/conductor" }, h("path", { key: '1aed9df8359e2f10efc9221d2aa4011ee6ba9d30', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
+        return (h("div", { key: '652c6fe6e0a08e3cf7238af351918a0c47fed005', "aria-label": "spinner indicating a loading process", class: this.getClassNames() }, h("div", { key: '03c1c7e9f20a988d3be881acf2e4e392e699fab2', class: `${this.variant !== 'brand' ? 'border' : ""} ${this.inverted ? 'inverted' : ""}` }), this.variant === 'brand'
+            && h("div", { key: '84486975487322399e1558b7184827e958f68f36', class: `semiconductor ${this.inverted ? 'inverted' : ""} ${this.getSizeClass()}` }, h("svg", { key: '75095cf14fc4379ad614d19f3f17fbcc45522893', width: '40', height: '40', viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ac75f21b37bef789cac77fb0ba7ad32d137a059a', id: "spinner/conductor" }, h("path", { key: 'abec474d103c502e803abb0dc2b394200b6349bc', id: "Vector", d: "M38.75 18.75C39.4375 18.75 40 19.3125 40 20C40 20.6875 39.4409 21.25 38.75 21.25H35V26.25H38.75C39.4375 26.25 40 26.8125 40 27.5C40 28.1875 39.4409 28.75 38.75 28.75H35V30C35 32.7617 32.7617 35 30 35H28.75V38.75C28.75 39.4409 28.1875 40 27.5 40C26.8125 40 26.25 39.4409 26.25 38.75V35H21.25V38.75C21.25 39.4409 20.6875 40 20 40C19.3125 40 18.75 39.4409 18.75 38.75V35H13.75V38.75C13.75 39.4409 13.1875 40 12.5 40C11.8125 40 11.25 39.4409 11.25 38.75V35H10C7.23828 35 5 32.7617 5 30V28.75H1.25C0.559062 28.75 0 28.1875 0 27.5C0 26.8125 0.559062 26.25 1.25 26.25H5V21.25H1.25C0.559062 21.25 0 20.6875 0 20C0 19.3125 0.559062 18.75 1.25 18.75H5V13.75H1.25C0.559062 13.75 0 13.1875 0 12.5C0 11.8125 0.559062 11.25 1.25 11.25H5V10C5 7.23828 7.23828 5 10 5H11.25V1.25C11.25 0.5625 11.8125 0 12.5 0C13.1875 0 13.75 0.559063 13.75 1.25V5H18.75V1.25C18.75 0.559063 19.3091 0 20 0C20.6909 0 21.25 0.559063 21.25 1.25V5H26.25V1.25C26.25 0.559063 26.8091 0 27.5 0C28.1909 0 28.75 0.559063 28.75 1.25V5H30C32.7617 5 35 7.23828 35 10V11.25H38.75C39.4409 11.25 40 11.8091 40 12.5C40 13.1909 39.4409 13.75 38.75 13.75H35V18.75H38.75ZM32.5 10C32.5 8.62188 31.3781 7.5 30 7.5H10C8.62187 7.5 7.5 8.62188 7.5 10V30C7.5 31.3781 8.62187 32.5 10 32.5H30C31.3781 32.5 32.5 31.3781 32.5 30V10Z" }))))));
     }
     getSizeClass() {
         return `${this.size}` === "s"

package/dist/collection/components/status/status.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -13,7 +13,7 @@
   align-items: center;
   padding: 0 8px;
   border-radius: 9999px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 .container.no-border {
   padding: 0;

package/dist/collection/components/status/status.js

@@ -8,7 +8,7 @@ export class Status {
         var _a;
         const effectiveColor = ((_a = this.color) === null || _a === void 0 ? void 0 : _a.trim()) ? this.color : 'orange-500';
         const containerClass = this.border ? `container border-${effectiveColor}` : 'container no-border';
-        return (h("div", { key: '6834296bacdbbfc1fea1260ae364baf91f8de076', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: 'd6be4fd7099ed79da1984d6a01726172051bc630', class: `dot ${effectiveColor}` }), h("p", { key: '3ebcaa7ec097869ee5617806688d47c2acd0af82', class: "text" }, this.label)));
+        return (h("div", { key: 'f613dcda2a1cdf86cb9169937a3674b1f8d985f7', "aria-label": "a status indicator", "aria-value": this.label, class: containerClass }, h("span", { key: '17792fd234e467d0396d00f6e244a5842d08e1ce', class: `dot ${effectiveColor}` }), h("p", { key: '51261dabeec924c46a9a710c74de9bb7140bf927', class: "text" }, this.label)));
     }
     static get is() { return "ifx-status"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stepper/step/step.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

package/dist/collection/components/stepper/step/step.js

@@ -42,7 +42,7 @@ export class Step {
         }
     }
     render() {
-        return (h("div", { key: '173a7351d118916c22a39efe185f29e062c44ece', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''} 
+        return (h("div", { key: '9914ec28d308a59dae9f0f6117b2aece72ac6438', "aria-current": this.active ? 'step' : false, "aria-disabled": this.active || this.complete ? false : true, onClick: (e) => this.stopOnClickPropogation(e), class: `step-wrapper ${this.stepId === 1 ? 'first-step' : ''} 
                         ${this.error ? 'error' : ''}
                         ${this.stepperState.variant}
                         ${this.complete ? 'complete' : ''}
@@ -50,11 +50,11 @@ export class Step {
                         indicator-${this.stepperState.indicatorPosition}
                         ${this.active ? 'active' : ''}
                         ${this.clickable ? 'clickable' : ''}
-                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '3c26b8dd715c6f7d560ed688b04cb0ab7990e4c1', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '82e7620d83f5aefd7b8ce261548979e4da382c22', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
-            h("div", { key: 'd09403e5470f5af1069200edc964e0c06be266bc', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: 'b744e57aee0c02d59ea98245f38acf72e23b4cbf', icon: 'check16' }), this.active && h("span", { key: '0d517a738ed5a59d24498320eb6344b19c647173', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: '995c9a34fd6443d914f441d06a38fb7cfde6947a', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '3993117dd662fe56dc0111251f17e106c1cb4de7', class: `step-connector-r ${this.active ? 'active' : ''}` })), 
+                        ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '6017ac474bcbc1afa7ed1ec416bf0302fdbd5cdd', class: 'step-icon-wrapper' }, this.stepperState.variant !== 'compact' && h("span", { key: '0a90ed22e8b55a0a20d463347edd656ece131992', class: 'step-connector-l' }), (this.stepperState.variant !== 'compact' && (!this.error || (this.error && this.active))) &&
+            h("div", { key: 'c21888305852d7434847c329a7f7569ff2ac3b7d', class: 'step-icon' }, (this.stepperState.showStepNumber && !this.complete && !this.active) ? this.stepId : '', (this.complete && !this.active) && h("ifx-icon", { key: '1a97cd47db4fe64eda55a1418511bb1e78bc1332', icon: 'check16' }), this.active && h("span", { key: '2b918fa4f3052c7e6c5597f175956802ec2f34bb', class: 'active-indic' })), (this.stepperState.variant !== 'compact' && this.error && !this.active) && h("ifx-icon", { key: 'b515f8cab0008f14c9e1ba9a5f085792a440a2cc', icon: 'warningf24' }), this.stepperState.variant !== 'compact' && h("span", { key: '772ef8271ffb3398a7bcfedb732a12e43250ae98', class: `step-connector-r ${this.active ? 'active' : ''}` })), 
         /* Step labels */
         (this.stepperState.variant !== 'compact' || (this.stepperState.variant === 'compact' && (this.active || this.stepId === this.stepperState.activeStep + 1))) &&
-            h("div", { key: '9b6e0e25a6a60f1d19f3f6c5c9b6494d13be68d9', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '95f500fcdb032677d534787100fe7eb32aa640a5' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: '0784d66658e06464a3748293e5ecf8e9fcd846e8' }))));
+            h("div", { key: 'b16463d3fb54cafc520cb7799f647884f28989f0', tabIndex: !this.disabled && this.complete && !this.active ? 0 : -1, class: `step-label ${this.stepperState.variant === 'compact' ? (this.active ? 'curr-label' : 'next-label') : ''}`, onClick: () => { this.handleStepClick(); }, onKeyDown: (e) => { this.handleStepKeyDown(e); } }, (this.stepperState.variant !== 'compact') && h("slot", { key: '81c8b0a1310dcb02c0c668c2ac7ed84902e31a8f' }), this.stepperState.variant === 'compact' && !this.active ? 'Next: ' : '', this.stepperState.variant === 'compact' && h("slot", { key: 'c20034f2bee0fea186754be2480b75552f4ea9e9' }))));
     }
     ;
     static get is() { return "ifx-step"; }

package/dist/collection/components/stepper/stepper.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

package/dist/collection/components/stepper/stepper.js

@@ -118,10 +118,10 @@ export class Stepper {
         this.syncIfxSteps();
     }
     render() {
-        return (h("div", { key: '632b6518d8c7b1e712865a9b499408a6540ca181', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` }, 
+        return (h("div", { key: '797f8d8dcc699cfedf33c1a03d73d92fa452789e', "aria-label": 'a stepper', role: 'navigation', class: `stepper ${(this.variant !== 'compact' && this.variant !== 'vertical') ? 'default' : this.variant} ${this.variant === 'compact' ? 'compact-' + this.indicatorPosition : ''}` }, 
         /* Progress bar for compact variant. */
         (this.variant === 'compact') &&
-            h("div", { key: '2ee316cf71eebd5e8ff50b4d2c663f7675792814', class: 'stepper-progress' }, h("div", { key: '5ea016394d17a8421c4d0887b418b4f7e465564e', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: '546b32d8cbe09f652a95d723985ac68626835dfc', class: `stepper-wrapper` }, h("slot", { key: '7c2928e57aabf5121ce3e5fca3fca10de3e27a3b' }))));
+            h("div", { key: '809a1220c3920494be1e8ad0894d2e4eaf586823', class: 'stepper-progress' }, h("div", { key: 'ca02c1f0c34d24363f030b828d6d9807140687fe', class: 'progress-detail' }, `${Math.min(this.activeStep, this.stepsCount)} of ${this.stepsCount}`)), h("div", { key: 'dbed479b177e2535fcdf3ef7f5b1be04b6839074', class: `stepper-wrapper` }, h("slot", { key: 'ad74e85e68cb12d1737066d07274e00b04db7077' }))));
     }
     ;
     componentDidRender() {

package/dist/collection/components/switch/switch.css

@@ -1,5 +1,5 @@
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 

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

@@ -63,7 +63,7 @@ export class Switch {
         this.internals.setFormValue(null);
     }
     render() {
-        return (h("div", { key: 'fb71f5c8781e7ef86f62b0305d7e0e12772d77b2', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: '7f8abc2a8b312f1ecda7ef925aaeff8d091799f4', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'a7f8066bc5da773ede8d64fe2ebe5ddf77c7f3f3', class: "switch__checkbox-wrapper" }, h("input", { key: '54dc044228d5a02f426656bc43f41d900df5cea9', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: '6f89cdfa26287d56ea0df5fdca68939e21f044b0', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: '75847b7a97e97847008ac8bec050b04432a546c9', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '664f7672abaffd7033e6e1ce8278c4ea9ad55611', htmlFor: "switch" }, h("slot", { key: 'cd1fefc9658b2203806d2248aba74db15cae4e96', onSlotchange: () => this.toggleLabelGap() })))));
+        return (h("div", { key: '00275ee24707ebf446476430fa4af6939bd017bf', class: "container", role: "switch", "aria-checked": this.internalChecked ? 'true' : 'false', "aria-label": this.name, onClick: () => this.toggleSwitch(), onKeyDown: (event) => this.handleKeyDown(event) }, h("div", { key: 'e15a531e43b1ccac07b4d8df4c91b44377c09ed4', class: `switch__checkbox-container ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}`, tabindex: "0" }, h("div", { key: 'bbbed47db3b07d7977b4ad29c08ba9d2b0bbce0a', class: "switch__checkbox-wrapper" }, h("input", { key: 'fd06dd4ccf3b45dc64d6d976ed2fb60dcf9134d4', type: "checkbox", hidden: true, name: this.name, disabled: this.disabled, checked: this.internalChecked, value: `${this.value}` }), h("div", { key: 'd3dc979f46b1f46cbbc3fa6df7d0b84852dddde7', class: `switch ${this.internalChecked ? 'checked' : ''} ${this.disabled ? 'disabled' : ''}` }))), h("div", { key: 'f3e47e690f6d87515f248fae689379b81fd6ff8a', class: `switch__label-wrapper ${this.disabled ? 'disabled' : ''}` }, h("label", { key: '4fef1d74b28e8b556f5364b6558047d1cf37eda1', htmlFor: "switch" }, h("slot", { key: 'acd83b37e36d11a0a2b7fd3a40bf1f0c584be42e', onSlotchange: () => this.toggleLabelGap() })))));
     }
     static get is() { return "ifx-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-bar/filter-bar.js

@@ -88,7 +88,7 @@ export class FilterBar {
         // Calculate slotsToShow safely
         const slotsToShow = Math.min(safeVisibleSlots, actualNumberOfComponents, Number.MAX_SAFE_INTEGER);
         const slots = Array.from({ length: slotsToShow }, (_, i) => (h("div", { class: "filter-slot-wrapper" }, h("slot", { name: `filter-component-${i + 1}` }))));
-        return (h(Host, { key: '9772b1121362e8aba4a25de9236be8234e50ac67' }, h("div", { key: '86ad90a1c3111b5e7e3a91e2ec0eceb9aa2dbe29', class: "search-container" }, h("slot", { key: 'd0118e557061fdb3f00c63eab01099ecb6a0c99b', name: "filter-search" }), " "), h("div", { key: 'e594971eee2f5f2ad6192ca5dc6b5d27402229b1', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '69be0998679249bf2fac5150bf6cffce8ba6af75', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '2976dda03a0cde9bcc6e7f34d15575cbefee9239', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'afecb404bc32b7c0f831860613fbbfab2d51fbe7', icon: "filter-16" }), "More filters"))))));
+        return (h(Host, { key: '3918b1d231610b4f950c76a2ed07d925d7ba29e3' }, h("div", { key: 'd72e6b4183d5f89b28f837ffb7996a63d33f5c4f', class: "search-container" }, h("slot", { key: 'e01e5096996fe278288ca45a4556df6f887e95b2', name: "filter-search" }), " "), h("div", { key: 'd98c1aabedb706e1cd87329e1b5f223395692e01', class: "components-container" }, slots.length > 0 ? slots : h("slot", { name: "filter-component" }), this.showMoreFiltersButton && !this.showAllFilters && (h("div", { key: '655e3d96f5265ad5c2f412c27b715a083456e8b6', class: "more-filters-wrapper", onClick: this.handleMoreFiltersClick }, h("ifx-button", { key: '47dabee1d37f6c673b2d62de1547eaba96262e8a', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false" }, h("ifx-icon", { key: 'de59be45b90578acde9c141129f4579562e348cf', icon: "filter-16" }), "More filters"))))));
     }
     static get is() { return "ifx-filter-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.js

@@ -31,8 +31,8 @@ export class FilterAccordion {
         this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);
     }
     render() {
-        return (h("div", { key: '099f63d57e4c1fb4c14d228af3e9fdc20e7d7249', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'de36ca16b253284129ef524e37194fd247742ce4', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: 'bc5797a753df94bc421c6c91da3fab6698600d21', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'a97fe6a9f8f7569726d5c032eade4cb09a0e9a6a', class: "text" }, h("span", { key: 'eadfe0234c057ab7c1842a95fc8ae7e2b217f841' }, this.filterGroupName), h("ifx-number-indicator", { key: '764092da4893f0d3b1c151d5ef6c82b361ff9974' }, this.count)), h("ifx-icon", { key: '5588c2d8de2ba12f7feca1bd78a4ea60e24fd95d', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'ae0a733177800de32146eccf46454ee399193f74', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
-            h("div", { key: '832ca96c1a581d458a6a84973a2067a824d16a3d', class: "filter-accordion-container" }, h("slot", { key: '84f321eb641add7f096e380fe69b61c1c49565e0', name: "list" }))));
+        return (h("div", { key: '04f5bf30e72842f9933b4e996d0f1f8fd05a7e20', class: `accordion ${this.expanded ? 'expanded' : ''}` }, h("div", { key: 'db74e70636d12b7eda258cd51b970efabca762b1', class: `header ${this.expanded ? 'expanded' : ''}`, onClick: this.toggleAccordion }, h("div", { key: '275bb4906b9bf54d3f7a3d92127c2b5f5929f66f', class: `text-and-icon ${this.expanded ? 'expanded' : ''}` }, h("div", { key: '196c8da9491b30ee1b9340f2d608dcc0fbc77e8d', class: "text" }, h("span", { key: 'ca7a0e16bdec5ad7c7712eacc663e93016745274' }, this.filterGroupName), h("ifx-number-indicator", { key: 'ded7fee1ddad870fd8ab71c552443b10c64fe16b' }, this.count)), h("ifx-icon", { key: 'bf3c7d0609df661cf80d2a54d6541f00ad12e4fe', class: this.expanded ? '' : 'hidden', icon: "minus-16", onClick: this.toggleAccordion }), h("ifx-icon", { key: 'e51d932d03376e78da2a7c7023b7a730c485735e', class: this.expanded ? 'hidden' : '', icon: "plus-16", onClick: this.toggleAccordion }))), this.expanded &&
+            h("div", { key: '9f918e904eac2a581a2964c151a968745ac947f3', class: "filter-accordion-container" }, h("slot", { key: 'dd76a13a2b0eacbdf472d80418b3c003c9a4fac5', name: "list" }))));
     }
     static get is() { return "ifx-filter-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.css

@@ -5,7 +5,7 @@
   align-items: flex-start;
   align-self: stretch;
   gap: 4px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
   background: #EEEDED;
 }
 
@@ -15,7 +15,7 @@
   align-items: flex-start;
   align-self: stretch;
   gap: 4px;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .topbar-filter-search-wrapper ifx-search-field {

package/dist/collection/components/table-advanced-version/filter-type-group/filter-search/filter-search.js

@@ -23,7 +23,7 @@ export class FilterSearch {
         this.ifxFilterSearchChange.emit({ filterName: this.filterName, filterValue: this.filterValue, filterKey: this.filterKey }); // Emitting filterKey along with other properties
     }
     render() {
-        return (h("div", { key: '57ca68c06d592927ca36802f54ffa360a229920e', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'e8ae19b08b54cea64c6593b6386a21f1238c71ad', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: 'fc321359859e5d3de5b62eb32fa6c564db7ded5b', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
+        return (h("div", { key: '53a34910aec55e31b40d2d2868481fea46dec401', class: `${this.filterOrientation === 'sidebar' ? 'sidebar-filter-search-wrapper' : 'topbar-filter-search-wrapper'}` }, h("div", { key: 'eb4451b33cf8815237b0543d22f0cabcc2129070', class: "filter-name" }, this.filterName), h("ifx-search-field", { key: '6240cf45bc67f23d9899ee67914974104801f632', placeholder: this.placeholder, "show-delete-icon": this.showDeleteIcon, disabled: this.disabled, value: this.filterValue })));
     }
     static get is() { return "ifx-filter-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/filter-type-group/filter-type-group.js

@@ -119,7 +119,7 @@ export class IfxFilterTypeGroup {
         window.removeEventListener('ifxResetFiltersEvent', this.handleResetEvent);
     }
     render() {
-        return (h(Host, { key: 'fd9f21eb5a99f7264b85adfc5f54e0bc7eac139b' }, h("div", { key: 'dfc6f20243a6188c7f5c7364eec3b34e2d61df67', class: "filter-type-group" }, h("slot", { key: 'd35d397a817b3cc6507ee914132ae0487680a6e3', name: "filter-search" }), h("slot", { key: '4261fcef77ee87a4d7659413d62b4cae64bb8b18', name: "filter-accordion" }))));
+        return (h(Host, { key: 'b3c13d48da96a74d05ba0af9f592fc4f4bf688fc' }, h("div", { key: 'd0bea155f2d083279710607bde2957fa7f2bdd41', class: "filter-type-group" }, h("slot", { key: '71c60c9cdc705fb1d845b93d9871f3257090b88f', name: "filter-search" }), h("slot", { key: 'd3ecbbd9e98a227cd2d6902e28ce13c1511bd451', name: "filter-accordion" }))));
     }
     static get is() { return "ifx-filter-type-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/list/list-entry/list-entry.js

@@ -13,7 +13,7 @@ export class ListEntry {
         this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });
     }
     render() {
-        return (h("div", { key: 'a84c7fa0acf4345efcde44316dfd8267d41f2778', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
+        return (h("div", { key: 'e7beb5ddc5e3493eac6f47d2eaf066a6f8a09add', class: "wrapper" }, this.type === 'checkbox' ? (h("div", { class: "list-entry" }, h("ifx-checkbox", { size: "s", checked: this.value }, this.label))) : (h("div", { class: "list-entry" }, h("ifx-radio-button", { size: "s", checked: this.value }, this.label)))));
     }
     static get is() { return "ifx-list-entry"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table-advanced-version/table.css

@@ -8644,7 +8644,7 @@ input[class^=ag-][type=range]:disabled {
 }
 
 :root {
-  --ifx-font-family: "Source Sans 3";
+  --ifx-font-family: Source Sans 3;
   font-family: var(--ifx-font-family, sans-serif);
 }
 
@@ -8794,7 +8794,7 @@ input[class^=ag-][type=range]:disabled {
   font-weight: 600;
   line-height: 20px;
   color: #1D1D1D;
-  font-family: var(--ifx-font-family);
+  font-family: var(--ifx-font-family, Source Sans 3);
 }
 
 .ag-row-focus {

package/dist/collection/components/table-advanced-version/table.js

@@ -355,12 +355,12 @@ export class Table {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : 'sidebar-layout';
-        return (h(Host, { key: '96f69d7cfa4075caaad2df3a10179597358ca6f9' }, h("div", { key: '2371ca3bc0c0e97e1170df0be1e7270780701699', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '6ddbf9aad987e9f34bcb3be67cb21f9ef809fdd6', class: "sidebar-btn" }, h("ifx-button", { key: '491cd5b381c880177e14c2a9d27b56805dec85b8', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '3b788923cd1690e6b7dff0e507f197bc306af302', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'e44b08272dcd7efafa46835878b0a8ebdd829a49', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'cba5cde8b3c272f7aa4a7f315e89f035c7897297', class: "sidebar-container" }, h("div", { key: '0f39832100fe44e9a241ff7c24f0a72465add27d', class: "filters-title-container" }, h("span", { key: '44f0c3829a91299dd578195df71ae982cedda802', class: "filters-title" }, "Filters")), h("div", { key: 'a1d9753d5791479befcfbdcf18e28331fe5b86a4', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '3f29f14ae28a97ec33649b68de9c7900879ade3c', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '5d5ec21394c1b4609c90c86c4b2ddd50b0f5b4aa', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '4daabd7a7e6cec4dd756aed053e79bb641d52de6', name: "topbar-filter" })))), h("div", { key: '17afd9c40459f45997f6e49e55f4e9060a27e007', class: "table-pagination-wrapper" }, h("div", { key: 'df11256ea2dafa4d7e37e2de8a8cf49cb9a34237', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: 'ba124693eafcbfbc933b55c6857776f728d12aea' }, h("div", { key: '34a6a79fedb9a6c960c9e71c68e7fd3c3c75e09f', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'd0f90397a8cf31325d2f441dbb1c3a3bc0afa138', class: "sidebar-btn" }, h("ifx-button", { key: '2f2514c29a261e014facb3243a6f555007b568a4', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '3c7667f3b8bc795a1e2cc1be2df0bbddc9b7bb2b', icon: "cross-12" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '2e46ec3931c21f0c1324454337fbf3e69b1dd5a7', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '26d6221d0c775117d3ebcba22670244d1f195801', class: "sidebar-container" }, h("div", { key: 'd50b7574c3f95a23c9a23c97eabb3ccabce2037f', class: "filters-title-container" }, h("span", { key: '7cd24e5737008cc0846031982f0f146b4f4ad648', class: "filters-title" }, "Filters")), h("div", { key: '9fff6f60fc28f57ef544d770012bace4730c0835', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '2000415894dc9eb83f2ad9bab01314a9cd70de65', name: "sidebar-filter" }))))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'ca2897fe8b4fa4d9bb7e4920905f83de71361221', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && (h("slot", { key: '4ca9c5ca5d16e62345df45a99cfb33b6e3529dc0', name: "topbar-filter" })))), h("div", { key: '7ae3eb37ab9eaecc2c253b4e9a888eeb679c69cd', class: "table-pagination-wrapper" }, h("div", { key: '38e6a77edc2ba5c0488d0f6d20e14365a8f04469', class: "filter-chips" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (Object.keys(this.currentFilters).map(name => {
             const filter = this.currentFilters[name];
             const filterValues = filter.filterValues;
             const isMultiSelect = filter.type !== 'text';
             return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? "multi" : "single", readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
-        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: 'ecc8ace5a90190a34c8021b84cf2c1c903e4a186', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'e27acd28484b48f48832a3be61b2b1ad5bc1cf23', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: '031b6eb86ef63ed95664189f62e0714658ab5241', class: "matching-results-container" }, h("span", { key: 'a088988155b0a0336402f053588bf419240712ef', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '19d0880b1a91c18ae47c559b7d1845d7e6041995', class: "matching-results-text" }, "matching results"))), h("div", { key: 'b28f02605d79195dbfb0f0da44fda9afe4b2b4a0', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: 'c441c226a8d53d74023fa7add8a6babc65c22779', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
+        })), this.filterOrientation !== 'none' && this.filterOrientation === 'sidebar' && this.showSidebarFilters && Object.keys(this.currentFilters).length > 0 && (h("ifx-button", { key: '7156897f41934f958f04a70f4d3faacdf8063b3b', type: "button", disabled: false, variant: "tertiary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.handleResetButtonClick() }, h("ifx-icon", { key: 'c97a7f711c4cc107a36714e167b73d72b4d0e8d7', icon: "curved-arrow-left-16" }), "Reset all"))), this.filterOrientation !== 'none' && (h("div", { key: 'd19d7904a134e930694082e2fef8925c24e3e7c9', class: "matching-results-container" }, h("span", { key: 'd21109ccee7b77317906b3a68d8489f558f582ca', class: "matching-results-count" }, this.matchingResultsCount), h("span", { key: '57cccfc367a3c6c07762d7e997e7cc8ceb1690c9', class: "matching-results-text" }, "matching results"))), h("div", { key: 'c47593ad6f870a314926d6b32ff07bbbcd0cad1f', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '9b73f234b9cb8e7c32f9c323b20d9a34d97ff48a', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ""}`, style: style, ref: (el) => this.container = el })), this.pagination ? h("ifx-pagination", { total: this.allRowData.length, "current-page": this.currentPage, "items-per-page": '[{"value":"ten","label":"10","selected":true}, {"value":"Twenty","label":"20","selected":false}, {"value":"Thirty","label":"30","selected":false}]' }) : null)))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');