@tet/tet-components 1.4.13-testing → 1.4.14-production

package/dist/collection/components/simple/inputs/tet-expandable-input/tet-expandable-input.js

@@ -284,13 +284,13 @@ export class TetExpandableInput {
         return '';
     }
     render() {
-        return (h(Host, { key: '77f22ef48c5ff166c2208121e862471e1d355d84' }, h("div", { key: '9e0e10b55b9eef03d2fef06e27b56ae49cc6a128', class: {
+        return (h(Host, { key: '3876b4379c422f3298ab44d8b2fb3827d61bc9eb' }, h("div", { key: '541f2c0c8a43d266c0a65d2b33822ee0dfcfd7c9', class: {
                 container: true,
                 expanded: this.expanded,
                 [this.mode]: true,
                 [this.darkMode ? 'dark' : this.theme]: true,
                 [this.size]: true,
-            }, tabIndex: -1 }, h("div", { key: '6b884626357642719968e257a28f9b2261812a78', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: 'e41ce8c6cfac721b92ae86798e9ef7403c48ac4d', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
+            }, tabIndex: -1 }, h("div", { key: '7fe150fed747fa814e8ef9c813036424c483148b', class: "input-wrapper", ref: (element) => (this.inputWrapper = element), tabIndex: -1 }, h("tet-input", { key: '5eec2352cc4ad5f521d179592450b50a72154e6e', class: "tet-input expandable", "input-class": this.class, "input-placeholder": this.renderInputContent ? this.placeholder : '', "accessibility-label": this.accessibilityLabel, "input-value": this.value, "input-disabled": this.disabled, error: this.error, "icon-left": this.iconLeft, "icon-right": this.hasInputValue && this.expanded ? this.iconRight : '', iconRightClickCallback: this.iconRightClickCallback, theme: this.darkMode ? 'dark' : this.theme, ref: (inputElement) => (this.inputHtmlElement = inputElement) }), this.closeButton))));
     }
     static get is() { return "tet-expandable-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-number-input/tet-number-input.js

@@ -271,8 +271,8 @@ export class TetInput {
      */
     render() {
         const { label, helperText, value, disabled, error, completed, isOpen, suffix } = this;
-        return (h("div", { key: 'e028eb18ab0e1c52629afb6dde9fd266998cac1a', class: { 'number-input': true, [this.theme]: !!this.theme,
-                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: '5cfef54dd6226fe6f37c1de81ad88549d1e5978a', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '59507efe3398d9846d97d1b23c97521a143611c3', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: 'a771a2898a99c2cf1092f5a07eab3863e2cae13f', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: '41c1734a6f49dd95c73e0570bb7e585f5bdecffc', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: '7a6784afc780e5d709ce02aca4d2f2929c1bb2eb', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '35c73c184b6a9803e2db05bc53a6b92fa4ebf094', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: 'a53e918d9cfa9b1c6a6d5233cfa107efe530f550', name: "chevron-down" }), isOpen && h("tet-icon", { key: '23739fda2bdeb53a58cceeede88c3360181f9fd6', name: "chevron-up" }))), isOpen && (h("div", { key: '7efe2b63f0043069be6d6c89cfefa896db73ec7a', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: '1926325227a7a1522eb3f6641b66fa4bfabbf71e', class: "number-input__helper-text" }, helperText)));
+        return (h("div", { key: 'db5aeb43cf2665b6240bee1d0a782ea4098fa3df', class: { 'number-input': true, [this.theme]: !!this.theme,
+                'disabled': disabled, 'error': error, 'completed': completed } }, !!label && (h("label", { key: 'b1681cee27b1e9d745180ac3b2ade0517b1392c4', class: "number-input__label", htmlFor: "number-input" }, label)), h("div", { key: '467a8c3ff3e2f098b8eb117f9c98fecc75cfa47c', class: "number-input__input-container", onKeyDown: this.handleContainerKeydown, ref: (divElement) => (this.inputWrapperElement = divElement) }, h("input", { key: '55658e3151648491c88ee666f85487cd8f5e523c', onFocusin: () => this.toggleKeyboardFocus(true), onFocusout: () => this.toggleKeyboardFocus(false), ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: { 'number-input__input': true, 'number-input__input--hidden': this.isValueHidden }, disabled: disabled, value: value, type: "number", id: "number-input", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("div", { key: 'ddf8bc957312390ef302732286821938f00f537d', ref: (htmlInputElement) => (this.inputElementHidden = htmlInputElement), class: "number-input__input-invisible" }, value), !!suffix && h("div", { key: 'ea9789ee9f511a1fec5b691aa8a8095591c7bf19', class: "number-input__input-suffix" }, suffix.name), !!this.suffixes && this.suffixes.length > 1 && (h("tet-button", { key: '7cb1ce08521d17f58e733e19d0a5c2e9f49b0a12', type: "ghost", size: "small", ref: (element) => (this.chevronElement = element), class: { 'number-input__cheveron': true }, onClick: this.onChevronClick, "accessibility-label": this.buttonAccessibilityLabel, tabindex: "-1" }, !isOpen && h("tet-icon", { key: 'd1760b2810bd9d664e3eade28ac99a52db17f291', name: "chevron-down" }), isOpen && h("tet-icon", { key: '2d4a440344e44cedbfdc3d50d0ebf6732f134eb8', name: "chevron-up" }))), isOpen && (h("div", { key: '65555453579e0614fc0f817b1477980f68341341', class: "number-input__dropdown", ref: (htmlDivElement) => (this.dropdownElement = htmlDivElement) }, this.renderDropdownContent()))), !!helperText && h("div", { key: 'b94eb345bf5249aa089ddfe671d5d4a8bfb3e6d9', class: "number-input__helper-text" }, helperText)));
     }
     static get is() { return "tet-number-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-range-slider/tet-range-slider.js

@@ -760,31 +760,31 @@ export class TetRangeSlider {
         return dataListItem;
     };
     render() {
-        return (h(Host, { key: 'eda7ddca1a9fd4f9a753573d6ef226fc5d07763e' }, h("div", { key: '2f2e8528f00bfb4b79bffba7a6d886ee3e403637', class: {
+        return (h(Host, { key: '5ee5cc82d572d6afa1db61d68e51f8fb296844de' }, h("div", { key: '61f181094d36dd5a223c7c51e92fced2da394312', class: {
                 'range-slider': true,
                 [`range-slider--${this.containerSize}`]: true,
                 [`range-slider--${this.type}`]: true,
                 'range-slider--no-controls': !this.withControls,
                 'range-slider--no-input': !this.withInput,
                 [this.theme]: true,
-            } }, h("div", { key: '1dd083fd3271d37e7a7bbeab39f6282732903192', class: {
+            } }, h("div", { key: '204b5551792722a90ffc7cf49d4f925a742f074d', class: {
                 'range-slider__input-container': true,
                 'hidden': !this.withInput,
-            } }, h("tet-input", { key: '984bba98e5889f5f7c532e512558256f6ac3ee90', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '46c89bb5e82497929aa883d29af07f54e80b14cb', class: "range-slider__container" }, h("tet-button", { key: '2a55d376b7de55f9fd7f4449dd006bd020f9b9dc', theme: this.theme, iconMode: true, class: {
+            } }, h("tet-input", { key: 'f55bfb28039b28f02086ae949675315b7358df22', "input-class": "range-slider__input", "input-type": "number", "input-value": this.currentValue, ref: inputEl => (this.inputRef = inputEl), theme: this.theme, onInput: this.onInputChange, onKeyDown: (event) => this.onInputKeyDown(event, true), accessibilityLabel: this.numberInputAccessibilityLabel, ...(this.containerSize !== 'large' ? { inputTabindex: 3 } : {}) })), h("div", { key: '256d7a1402628ff6d842729ea604c726864570fd', class: "range-slider__container" }, h("tet-button", { key: '0ee35410b1e3fb572bc8d35a01561df38f08439f', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--left': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: '2fc1e18c6f1a7ee9b4fcc887b4a8d0cbd9570d37', name: "remove", class: "range-slider__control--icon" })), h("div", { key: '4e6c53287c40c354c4766da6c57ad52727174595', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: 'e2ab0887cc4e5e5d9957e056f611a58b9f75f9ca', class: "range-slider__slider-wrapper" }, h("input", { key: 'd07c34222ab44da3773659b3c93b5c60d926434a', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '1f626f8cb1336514b1cfbf22a53bc2a95de6ee1f', class: "range-slider__track range-slider__track--background" }), h("div", { key: '92fda9238822cf424928c003974e721c489dd72e', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '2921e3a3fbb69f04740009e4ff34b9be5bb93fe7', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: '52e9fcc1a833d5de3d421528e784da83883f9140', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
+            }, clickCallback: this.onControlPreviousClick, ...(this.reduceButtonAccessibilityLabel ? { accessibilityLabel: this.reduceButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 2 } : {}) }, h("tet-icon", { key: 'df947b9e5d1079bcba4fadaed88cceb603c126c7', name: "remove", class: "range-slider__control--icon" })), h("div", { key: 'bfb148aa94b2036ee0de83b7460d3f69eb078353', onTouchStart: this.onContainerTouchStart, onTouchEnd: this.onContainerTouchEnd, onMouseDown: this.onContainerMouseDown, onScroll: this.onContainerScroll, ref: sliderContainerEl => (this.sliderContainerRef = sliderContainerEl), class: "range-slider__slider-container", draggable: false }, h("div", { key: '5045ebfd5cdd629ec90c14246d4b9439695bef48', class: "range-slider__slider-wrapper" }, h("input", { key: '3bd3c17dbecf5f0a180de4e1776d88aa8280e847', ref: sliderEl => (this.sliderRef = sliderEl), type: "range", min: this.minValue, max: this.maxValue, step: this.step, value: this.defaultValue, list: "steplist", id: "rangeInput", onInput: this.onSliderInput, onChange: this.onSliderChange, onPointerDown: this.onSliderPointerDown, onPointerUp: this.onSliderPointerUp, onKeyDown: this.onInputKeyDown, class: "range-slider__slider", ...(this.sliderInputAccessibilityLabel ? { "aria-label": this.sliderInputAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 1 } : {}) })), h("div", { key: '7968073f304f29e0e8ada95eb3ee0a8c489e92c5', class: "range-slider__track range-slider__track--background" }), h("div", { key: '8664216a48018a29590e1a082cfa2a1addada335', ref: progressTrackEl => (this.progressTrackRef = progressTrackEl), class: "range-slider__track range-slider__track--progress" }), h("div", { key: '64a2f9320bcc93baa534c583146087a1096a0a22', ref: tickContainerEl => (this.tickContainerRef = tickContainerEl), class: "range-slider__tick-container" }), h("div", { key: 'a04c3196e02ee8c4347d0e235bd25887e4bcfd54', ref: dataLabelEl => (this.dataLabelRef = dataLabelEl), class: {
                 'range-slider__data-label-container': true,
                 'hidden': this.type === 'secondary' && this.containerSize === 'small',
-            } })), h("div", { key: '9f70c206191590f1b2344ad68aac8237633d903a', class: {
+            } })), h("div", { key: '62c19f3773a67fcf9b6179e3b22f12c9dc2eff45', class: {
                 'range-slider__current-step-container': true,
                 'hidden': !this.withCurrentStepCounter,
-            } }, h("div", { key: '9f659dd13b336ab478620db5574437247a831aab', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: 'dcd6fb543fbc26b88ea8c016c901b8b4f35dc843', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '2370b3e447b85e25b6fbd2edfdec2593aa2bf8eb', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'cefd9a42ce5bbe9d050d76adc1cd60e009099bfa', theme: this.theme, iconMode: true, class: {
+            } }, h("div", { key: '7aa0e59e8d5df709761b2ad018ec0599ae3b5fc1', class: "range-slider__current-step", "aria-live": "polite" }, this.dataSet.indexOf(this.getClosestOverrideDataPoint()) + 1, "/", this.dataPoints.length)), h("div", { key: '599228503d127e54e75e1a4771f7304ec85cba52', ref: toolbarHandleEl => (this.tooltipHandleRef = toolbarHandleEl), class: "range-slider__tooltip-handle" }, h("div", { key: '2133bc7256d070f8313b8a9a5f51bfed1009e742', class: "range-slider__tooltip translation-none", style: { [`--tooltip-offset`]: `${this.tooltipOffset}rem` }, "aria-live": "polite" }, this.getTooltipValue())), h("tet-button", { key: 'b1ab82c658347b4d5f1240c3945a6dd064a28a4e', theme: this.theme, iconMode: true, class: {
                 'range-slider__control': true,
                 'range-slider__control--right': true,
                 'hidden': !this.withControls,
-            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'afd17a5002a1874f91f4396c069bc65327800bf8', name: "add", class: "range-slider__control--icon" }))))));
+            }, clickCallback: this.onControlNextClick, ...(this.addButtonAccessibilityLabel ? { accessibilityLabel: this.addButtonAccessibilityLabel } : {}), ...(this.containerSize !== 'large' ? { tabindex: 4 } : {}) }, h("tet-icon", { key: 'd4a8a531af482f8b05dcfd9f489bf7d3342e78da', name: "add", class: "range-slider__control--icon" }))))));
     }
     static get is() { return "tet-range-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-stepper-input/tet-stepper-input.js

@@ -129,7 +129,7 @@ export class TetStepperInput {
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '04c2c53da7907e50236c3a42fd09d91a3a218da5', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '2bcde4d89a6cf360d10a93c9aa85bcd239d1e8e6', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: '507135fb91dd52948e4ac10414e2b4ed2c1bf0ef', name: "remove" })), h("input", { key: '010fb53a903cc7f560625fad65b79f70bb10068a', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: '06a4e9187478bd6601424166fc2da6fe3ca6d915', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: 'a92ae41ebdf7ea03815291ece4580310749546a5', name: "add" }))));
+        return (h("div", { key: '9107250eeb31e1355f3d27c7b9792f46f457ac02', class: { 'stepper-input': true, [this.theme]: !!this.theme } }, h("tet-button", { key: '3bbbda40a241c18eaa5b13400d87b22ba7dd381d', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick), onClick: onMinusClick }, h("tet-icon", { key: 'd53cea114b7727fddfffb3f6b6ad352595e3ba0a', name: "remove" })), h("input", { key: '0b3c5978d3bcf3d5b4391a241674e111cfe3147f', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number", ...(this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}) }), h("tet-button", { key: 'ab77d2e15bbb53b9ff37e5392ed19f37614c0109', type: "secondary", iconMode: true, theme: this.theme, size: 'small', accessibilityLabel: t('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick), onClick: onPlusClick }, h("tet-icon", { key: '69da72af44c828a30b40c21c0c2cd9c85eb0445d', name: "add" }))));
     }
     static get is() { return "tet-stepper-input"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/inputs/tet-textarea/tet-textarea.js

@@ -59,8 +59,8 @@ export class TetTextarea {
             'error': (errorMessages.length > 0),
             'keyboard-focus': this.focusVisible,
         };
-        return (h(Host, { key: '1891f3676778a43ade2b48faff6e2cdc5371bfdf' }, h("label", { key: 'a8de735eaa08c826752072045f78222551771d8a', class: { [`${theme}`]: true } }, label &&
-            h("span", { key: 'b9d4f6dea304fe4c6bae404f0bde3733aca62ec0', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '64691e940c7329fd0e2d2143e600256dd605fa0f', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: 'a3b0f99458569f97f3a63efb76de6592d3e075ae', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
+        return (h(Host, { key: 'c868ae99241363fbcee19570ea99f5ec4c7f6b12' }, h("label", { key: 'a6b5ef7ccdf0aebbbd9ec8b90b90abf265ad47a6', class: { [`${theme}`]: true } }, label &&
+            h("span", { key: '90433f2927f52e20b464a077f28b5371ab236b86', class: { 'tet-textarea__label': true, [`tet-textarea__${theme}`]: true } }, label), h("div", { key: '085405b8d8f919d303466600f6c34d5775aab1dc', class: { 'textarea-container': true, [`tet-textarea__${theme}`]: true } }, h("textarea", { key: '7cb10f64d64fe48143b3c6388a1a8dd580858926', onFocus: this.addKeyboardFocus, onFocusout: this.removeKeyboardFocus, id: "textarea", class: textareaClasses, placeholder: placeholder, disabled: disabled, autocomplete: "off", ref: (el) => (this.textareaHtmlElement = el), maxlength: maxLength }, value))), (this.errorMessages.length > 0) && renderErrorMessages()));
     }
     static get is() { return "tet-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.css

@@ -361,6 +361,7 @@
   --list-item-background-color-hover: var(--tc-layer-secondary);
   --list-item-text-color: var(--tc-text-primary);
   --list-item-text-color-secondary: var(--tc-text-secondary);
+  --list-item-text-color-highlight: var(--tc-yellow-20);
   --list-item-border-color: var(--tc-border-quaternary);
   --list-item-border-color-hover: var(--tc-border-secondary);
   --list-item-box-shadow: var(--tc-elevation-one);
@@ -380,6 +381,7 @@
   --list-item-background-color-hover: var(--tc-layer-secondary-dark);
   --list-item-text-color: var(--tc-text-primary-dark);
   --list-item-text-color-secondary: var(--tc-text-secondary-dark);
+  --list-item-text-color-highlight: var(--tc-grey-30-dark);
   --list-item-border-color: var(--tc-border-quaternary-dark);
   --list-item-border-color-hover: var(--tc-border-secondary-dark);
   --list-item-box-shadow: var(--tc-elevation-one-dark);
@@ -518,25 +520,35 @@
   gap: 0.125rem;
   min-width: 0;
 }
+.link-card-list__list-item .link .item__content--search-result {
+  gap: 0.5rem;
+}
+.link-card-list__list-item .link .item__content--search-result .item__content-left .description {
+  margin-top: 0.25rem;
+}
+.link-card-list__list-item .link .item__content--search-result .highlight {
+  background-color: var(--list-item-text-color-highlight);
+}
 @media screen and (min-width: 31.25rem) {
-  .link-card-list__list-item .link .item__content {
+  .link-card-list__list-item .link .item__content:not(.link-card-list__list-item .link .item__content--search-result) {
     flex-direction: row;
     align-items: center;
+    flex-wrap: wrap;
     gap: 0.5rem;
   }
 }
-.link-card-list__list-item .link .item__content--left {
+.link-card-list__list-item .link .item__content-left {
   display: flex;
   flex: 1;
   flex-direction: column;
   min-width: 0;
 }
-.link-card-list__list-item .link .item__content--left .label {
+.link-card-list__list-item .link .item__content-left .label {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.link-card-list__list-item .link .item__content--left .description {
+.link-card-list__list-item .link .item__content-left .description {
   font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--list-item-text-color-secondary);
   overflow: hidden;
@@ -544,21 +556,46 @@
   white-space: nowrap;
 }
 @media screen and (min-width: 64rem) {
-  .link-card-list__list-item .link .item__content--left .description {
+  .link-card-list__list-item .link .item__content-left .description {
     font: 400 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
   }
 }
-.link-card-list__list-item .link .item__content--right {
+@media screen and (min-width: 31.25rem) {
+  .link-card-list__list-item .link .item__content-left {
+    min-width: 18.75rem;
+  }
+}
+.link-card-list__list-item .link .item__content-right {
   font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
   color: var(--list-item-text-color-secondary);
+  display: flex;
+  flex-wrap: wrap;
+  column-gap: 0.75rem;
+}
+.link-card-list__list-item .link .item__content-right .item__badge {
   display: flex;
   gap: 0.375rem;
   padding: 0.125rem 0.125rem 0.125rem 0;
 }
-.link-card-list__list-item .link .item__content--right .right-icon {
+.link-card-list__list-item .link .item__content-right .badge-icon {
   --icon-size: 1.25rem;
   --icon-container-display: flex;
 }
+.link-card-list__list-item .link .item__content-categories {
+  font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
+  margin-top: 0.5rem;
+  color: var(--list-item-text-color-secondary);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.link-card-list__list-item .link .item__content-categories .category {
+  vertical-align: middle;
+}
+.link-card-list__list-item .link .item__content-categories .category-separator {
+  --icon-size: 1.5rem;
+  --icon-container-display: flex;
+}
 .link-card-list__list-item .link .item__chevron {
   --icon-size: 1.25rem;
   --icon-container-display: flex;
@@ -570,6 +607,9 @@
     --icon-size: 1.5rem;
   }
 }
+.link-card-list__list-item .link--search-result .item__chevron {
+  --icon-size: 1.5rem;
+}
 .link-card-list--gapped {
   gap: var(--list-item-gap);
 }
@@ -594,8 +634,8 @@
     font: 500 1.125rem/1.75rem "Inter", "Gilroy, Arial, sans-serif";
   }
 }
-.link-card-list--compact .link-card-list__list-item .link .item__content .item__content--left .label,
-.link-card-list--compact .link-card-list__list-item .link .item__content .item__content--left .description {
+.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .label,
+.link-card-list--compact .link-card-list__list-item .link .item__content .item__content-left .description {
   text-overflow: clip;
   white-space: normal;
 }

package/dist/collection/components/simple/lists/tet-link-card-list/tet-link-card-list.js

@@ -5,6 +5,7 @@ export class TetLinkCardList {
         this.layout = 'gapped';
         this.placeholderCount = 4;
         this.items = [];
+        this.isSearchResult = false;
     }
     /** Fires when a link item is clicked or activated with Enter */
     linkClick;
@@ -16,10 +17,27 @@ export class TetLinkCardList {
         const { theme, layout } = this;
         return Array.from({ length: this.placeholderCount }, (_, i) => (h("li", { class: "link-card-list__list-item", key: `placeholder-${i}` }, h("tet-placeholder", { class: `placeholder placeholder--${layout}`, darkTheme: theme === 'dark' }))));
     }
+    renderBadge(badge) {
+        const { theme } = this;
+        return (h("div", { class: "item__badge" }, h("tet-icon", { class: "badge-icon", name: badge.iconName, type: 'secondary', theme: theme }), badge.text && h("span", null, badge.text)));
+    }
+    renderCategories(categories) {
+        return categories.map((category, index) => [
+            h("span", { class: "category", innerHTML: category }),
+            index < categories.length - 1 && (h("tet-icon", { class: "category-separator", name: "tc-chevron-right-small", type: "secondary", theme: this.theme }))
+        ]);
+    }
     renderListItem(item) {
-        const { theme, layout } = this;
+        const { layout } = this;
         const key = `${item.label}-${item.href}`;
-        return (h("li", { class: "link-card-list__list-item", key: key }, h("a", { href: item.href, onClick: (event) => this.linkClick.emit({ item, nativeEvent: event }), class: `link link--${layout}`, ...(item.linkAttributes?.target && { target: item.linkAttributes.target }), ...((item.linkAttributes?.target || item.linkAttributes?.rel) && { rel: this.getRelAttributeValue(item) }) }, (item.categoryIcon && layout !== 'compact') && this.renderIconTile(item.categoryIcon), h("div", { class: "item__content" }, h("div", { class: "item__content--left" }, h("span", { class: "label" }, item.label), item.description && h("div", { class: "description" }, item.description)), item.rightIcon && (h("div", { class: "item__content--right" }, h("tet-icon", { class: "right-icon", name: item.rightIcon, type: 'secondary', theme: theme }), item.rightIconText && h("span", null, item.rightIconText)))), h("tet-icon", { class: 'item__chevron', name: 'tc-chevron-right' }))));
+        return (h("li", { class: "link-card-list__list-item", key: key }, h("a", { href: item.href, onClick: (event) => this.linkClick.emit({ item, nativeEvent: event }), class: {
+                'link': true,
+                [`link--${layout}`]: true,
+                'link--search-result': this.isSearchResult
+            }, ...(item.linkAttributes?.target && { target: item.linkAttributes.target }), ...((item.linkAttributes?.target || item.linkAttributes?.rel) && { rel: this.getRelAttributeValue(item) }) }, (item.categoryIcon && layout !== 'compact') && this.renderIconTile(item.categoryIcon), h("div", { class: {
+                'item__content': true,
+                'item__content--search-result': this.isSearchResult
+            } }, h("div", { class: "item__content-left" }, h("span", { class: "label", innerHTML: item.label }), item.description && h("div", { class: "description", innerHTML: item.description })), Boolean(item.badges?.length) && (h("div", { class: "item__content-right" }, item.badges.map(this.renderBadge.bind(this)))), Boolean(item.categories?.length) && (h("div", { class: "item__content-categories" }, this.renderCategories(item.categories)))), h("tet-icon", { class: 'item__chevron', name: 'tc-chevron-right' }))));
     }
     getRelAttributeValue(item) {
         const { target, rel } = item.linkAttributes;
@@ -30,7 +48,7 @@ export class TetLinkCardList {
     }
     render() {
         const { theme, layout, items } = this;
-        return (h(Host, { key: '1d693aeded59806c3e7ecb63483c1311559a88b7' }, h("ul", { key: '20feaad99c74addbadc5f01d59608516f72a54e5', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
+        return (h(Host, { key: 'fe4319a3a8a99be1888e0ee9fb5106816c6632a3' }, h("ul", { key: '7d5e3556b7f230210efbed59c109b2f83485e46e', class: `link-card-list link-card-list--${theme} link-card-list--${layout}` }, items?.length
             ? items.map(this.renderListItem.bind(this))
             : this.renderPlaceholders())));
     }
@@ -135,6 +153,24 @@ export class TetLinkCardList {
                     "text": "The items to render in the list."
                 },
                 "defaultValue": "[]"
+            },
+            "isSearchResult": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to use the search result style for the cards."
+                },
+                "attribute": "is-search-result",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/simple/lists/tet-news-card-list/tet-news-card-list.js

@@ -68,7 +68,7 @@ export class TetNewsCardList {
             scrollFullWidth,
             controlScrollAmount,
         };
-        return (h(Host, { key: 'ff80ce519f019dea0d4d78d502d441a04671b99e' }, h("tet-card-list", { key: 'a04f6bb7e770bfdf3c826252a070c2b44fdcb4db', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
+        return (h(Host, { key: '0e60282d675d2f955ef19a42a6428b968206d1aa' }, h("tet-card-list", { key: '0a47d418d83b1ac1c2abb6f0067091b2c3b7e963', theme: this.theme, part: "card-list-component", exportparts: "card-list, card-list-container", withOverflowOpacity: true, ...props }, this.items.map((item, index) => this.renderListCard(item, index)))));
     }
     static get is() { return "tet-news-card-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-business-navigation/tet-business-navigation.js

@@ -67,7 +67,7 @@ export class TetBusinessNavigation {
     /** Render Functional Component*/
     render() {
         const { menuItems, theme } = this;
-        return (h("div", { key: '01d2dcb51bb85255982cabab4b0be0facd5bd060', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
+        return (h("div", { key: 'adaed0f2dd64505a2e2286a9deaf550bfc068aba', class: { 'business-navigation': true, [`${theme}`]: true }, role: "group", onMouseDown: this.onContainerMouseDown, ref: (ref) => (this.navigationContainer = ref) }, menuItems && menuItems.map(this.renderMenuItem)));
     }
     static get is() { return "tet-business-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/menu/tet-menu/tet-menu.js

@@ -211,7 +211,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: 'cba65e3ccdbb9110a6eb5a5521a650b0c01277c1' }, h("div", { key: '10f7697875679f1cbd25548ee0485c16c37366ed', class: {
+        return (h(Host, { key: '3db0426effa27e71911f6991ea0090042a7009ac' }, h("div", { key: '377352e0f620921a4d34e9dff83471f0984c7c63', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

package/dist/collection/components/simple/menu/tet-menu-mobile/tet-menu-mobile.js

@@ -120,7 +120,7 @@ export class TetMenuMobile {
         return (h("tet-icon", { class: "menu__chevron", name: this.subMenuState.includes(key) ? "chevron-up" : "chevron-down", theme: this.darkMode ? "dark" : "light" }));
     }
     render() {
-        return (h(Host, { key: '2aba4ac6d2e6a8df118bf4a05bfea7f2bbaeead8' }, h("div", { key: '3c73e7c80b2d9ec58b5ee947f30d4dad5d35b86c', class: {
+        return (h(Host, { key: 'bc6f3c799237ffe7483f650ea4cedf3c24f66ccd' }, h("div", { key: '116bfb30cee9d2f1a7764747016924efc0417fac', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

package/dist/collection/components/simple/menu/tet-navigation-mobile/tet-navigation-mobile.js

@@ -58,13 +58,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: '54b6ba8847e3ff0838670b781661f92b2e5f01ba' }, h("navigation", { key: '62bca369a5f9c700843c3f7cbe72acd5fee44733', class: {
+        return (h(Host, { key: 'f8ce367a6a0676499bbd9b8d711b340af743792c' }, h("navigation", { key: '7aeb855f57624847a00adfb8831cfcdcd9186f71', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: '27059a1037244e4ea4f8ac09f99476efd5fda7b8', class: "navigation__nav-bar" }, h("slot", { key: '15d694ca5862b97f860c8bf523482958fa92c465' })), this.isTogglerVisible && (h("span", { key: '9e4eda2b3a48b3acb8a822a370bac31386498d00', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '79f89a118fcafa9aac5302c69d5439818065f3ae', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '3ac2c1b66251279bc5e2a624180660fc09f1228d', class: {
+            } }, h("div", { key: '37c0511fce1d33dc6bf3d880d1fa9a2020cab614', class: "navigation__nav-bar" }, h("slot", { key: '418058c43411f2588306c419c3b151969c07df0a' })), this.isTogglerVisible && (h("span", { key: '8fe1dc6e8866fe2c168bf211f3912155f88dcb5b', class: "navigation__toggler", onClick: this.onTogglerClick, onKeyDown: (e) => this.handleKeyDown(e), tabIndex: 0 }, h("tet-icon", { key: '10dd5fbe8d78886fa2c1c80ba1b9ce5b91cbebed', theme: this.darkMode ? "dark" : "light", name: this.isTogglerExpanded ? "close" : "burger" }))), h("div", { key: '216fdd8517575c85fb2cb3dcd919354d6d3b8d3a', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            }, inert: !this.isTogglerExpanded }, h("slot", { key: 'f54f3b39331e52341bc36acf364d01202a2294d2', name: "dropdown" })))));
+            }, inert: !this.isTogglerExpanded }, h("slot", { key: '1f39c752f09fbf261751b4fd0140a9f9aa25d2dc', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-accordion/tet-accordion.js

@@ -130,13 +130,13 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '24f05ae86f021af98a65e2a7927d3ff9ccf3cdeb' }, h("div", { key: 'd7b8402ba0d11c5ba8235de69478ff51f5b48509', class: {
+        return (h(Host, { key: '3c28870646852b58850059a428e93fb86e8ef227' }, h("div", { key: '4c2f667cc17c5cb67f602f55b319ae9c5375489d', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true,
                 'transparent-bg': this.transparentBackground,
-            } }, h("div", { key: 'b5856911d35bd1df2bf3adcfe2375277488bf3bb', class: {
+            } }, h("div", { key: '51ceed9e9f0b1a367a6a291e7ede460b2780b7d1', class: {
                 "tet-accordion__header": true,
                 [this.theme]: true,
                 "tet-accordion__header--non-interactive": !this.isHeaderInteractive,
@@ -144,15 +144,15 @@ export class TetAccordion {
                 onClick: this.toggleOpenState,
                 onKeyDown: this.toggleAccessibilityOpenState,
                 tabIndex: 0
-            } : {}) }, h("slot", { key: 'f2fe8313b0c5a00b0c050ea5bd6729ccd20c8df2', name: "header" }, this.headerIconName && (h("tet-icon", { key: '9fe06e2d923446dde7b37ed55e5388f77e537fcd', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: '1a4e600cb4555186a22e44edf23a82bce26e0fe6', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '99f4832c856e96e4a0a25943f26c4da78337f1bb', name: `chevron-${this.indicatorDirection}`, class: {
+            } : {}) }, h("slot", { key: '87154a3c455501baac0f35a5da4872c6d31b95c3', name: "header" }, this.headerIconName && (h("tet-icon", { key: '2c20088caaac29a9f775301fddb67e6a8f4ecdb8', name: this.headerIconName, class: "tet-accordion__header-icon tet-accordion__icon" })), this.headerImageSrc && this.headerImageSrc !== '' && (h("img", { key: 'de15245ae086b11ea844f8e2db43e15aadfcd7eb', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" })), this.renderHeading(), this.isHeaderInteractive && (h("tet-icon", { key: '5356e90386082dfa7f5818f038e0200408fdaabd', name: `chevron-${this.indicatorDirection}`, class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })))), h("div", { key: 'd0dccdb34955bd8ed88cd8fbf5d2c0da96ceb82a', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })))), h("div", { key: '18aa310e0a2519ee574c41e7747b89562c769943', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '829eeb46fd84060db2d3c054dc6611d4dc10d727', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'ee1820330b98d90240b3f05ffcc1cc8401bf470c', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'b295c6d3b67f52013270b01e07fce4c72ecebf96' }))))));
+            } }, h("slot", { key: 'b5bf1fc0528fe9a9c2b17773ec9a84eefada74e2' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/structural/tet-expansion-panel/tet-expansion-panel.js

@@ -62,7 +62,7 @@ export class TetExpansionPanel {
         this.state = this.state === 'open' ? 'closed' : 'open';
     };
     render() {
-        return (h("div", { key: '0b68e891c0e9c65a6c91bb2241e5d1ab5ddcc446', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'd2c7e42165d885ee0a51598256d8aa4ca8ea87f1', class: "tet-expansion-panel-content" }, h("slot", { key: '40431b6459fd0b51faa5bdb79c4a25bc6809efd6' }))));
+        return (h("div", { key: 'ac3c5a5ca36aedb05c472b8359303c5c198b90a7', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: 'c2af0fccf95c352f74019bd368b3529a8da24fa1', class: "tet-expansion-panel-content" }, h("slot", { key: '956f155cce8c5eec0046c7fd25ee1dd3f677b024' }))));
     }
     static get is() { return "tet-expansion-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-bar-graph/tet-bar-graph.js

@@ -310,14 +310,14 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: '776133c1bc52d849432a77792b1ac86dee598068' }, h("div", { key: 'e69577443450dbf722706f88bb067427cb2636ba', class: {
+        return (h(Host, { key: '8110eab1a34abd220c2038e062d233f9de1c1552' }, h("div", { key: '6000c8eb2f6a1b4dc7a0eba29581d6a223704355', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
                 [this.theme]: true,
-            } }, h("div", { key: '24a7322c4de6be7a977c8bf8a58786a6ea264059', class: "bar-graph__container" }, h("div", { key: 'ff3bd404bf04780bbfd30a9d6b41974d54f2196f', class: {
+            } }, h("div", { key: '91143fa452d14eec131a1ac9752e121bf9a530c9', class: "bar-graph__container" }, h("div", { key: 'a956338668a791018a7977315e2356685c0f5e23', class: {
                 'bar-graph__label-container': true,
                 'hidden': this.labelPosition === 'responsive' && this.componentSize === 'small',
-            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: '27a89c6b2ca2e4400a8d214b478389ffdb7a0b7e', class: "bar-graph__graph-container" }, h("div", { key: '5b467e2db8fcafc9bbd19a14c91398ec94221907', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '6ddce042f4a2d219c702bf2474cb2aac1bcdd90c', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
+            }, ref: element => (this.barLabelContainerRef = element) }, this.displayData.map(displayItem => this.renderLabel(displayItem, true))), h("div", { key: 'dd37b4853791edbc0183c06fce5f1cf250ae423c', class: "bar-graph__graph-container" }, h("div", { key: 'acf246c3af8a903cd86ffc5ed659a91050ef7310', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: 'c7d76f13a8b40c3dc11f5a27937483c9362c625f', class: "bar-graph__item-container", ref: element => (this.barContainerRef = element) }, this.displayData.map(displayItem => this.renderBar(displayItem))))))));
     }
     static get is() { return "tet-bar-graph"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/tables-and-graphs/tet-table/tet-table.js

@@ -326,7 +326,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'a638adf8ec38aaa3e9ded59881a4e4d916888f83' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '5cfd11203ae5c1bc4cde823c65efa259054c00d9' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
     }
     static get is() { return "tet-table"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/simple/text-blocks/tet-cloud-application-form-dialog/tet-cloud-application-form-dialog.js

@@ -202,11 +202,11 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: this.theme, type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: this.theme, type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: '1caa8118b41ddc67e98bd035707bd4c8daeaa4ba' }, h("tet-dialog", { key: 'ec2a704f4512c0404ee0db01d37c3c222133735e', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: '60384581f96d518687d7d00bb9bd2a46c4cbae66' }, h("tet-dialog", { key: 'ff6432d4fb3bf460b8734335516e1c8fff0e2aff', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading,
                 'tet-cloud-application-form-dialog--dark': this.theme === 'dark',
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: 'be1a4534315f2ff2176aed2acf478ff1365b5526', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
+            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay, theme: this.theme }, h("p", { key: '42eb4a9ba2aab191176fec8c128dedaabafc196a', class: "tet-cloud-application-form-dialog__subtitle" }, t('components-cloud-application-form-subtitle')), this.renderFormContent(), this.renderFooter(), this.renderOverlay())));
     }
     static get is() { return "tet-cloud-application-form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-dialog/tet-dialog.js

@@ -125,11 +125,11 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '44ce8253f1a2f9ef4120e096bff8693413272fb5' }, h("dialog", { key: '5ef70f64e84158e4b13c55d6da58a239b9125dc8', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '52bc363ce1c2fd165c4865b48508cfc923f717ac', part: "overlay", class: {
+        return (h(Host, { key: '85cfe2ada1179b0ec661c483a411fb3446bf2989' }, h("dialog", { key: '177cc6b6cee61a301fe6a7cbac13f3e47c8a555f', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '4f9ca02ab1861b8696b34280123ec3489390c35b', part: "overlay", class: {
                 'dialog__overlay': true,
                 'dialog__overlay--visible': isOpen,
                 [`dialog--theme-${theme}`]: true
-            }, onClick: handleClickOverlay }, h("div", { key: 'e795df8c955ab9811c995be47edfdc3131847beb', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '6d32a8efc2f5a27bb28693d6079f7973af928015', part: "body", class: "dialog__body" }, h("slot", { key: 'b1dea623454a7276920f47231b01b1d24e9101ff' })), h("div", { key: 'cc9d36f805f5613126a9d92aa8cd11955fd5809e', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '6da70ecadfe974d23e352e0c93e5afd67f3b29b8', name: "footer" })))))));
+            }, onClick: handleClickOverlay }, h("div", { key: '48c815c9333840630d41b99514e19e5ea736b2c8', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: 'c9bbee4f00e17332f9d72410c8bbf0bdbcd70ff6', part: "body", class: "dialog__body" }, h("slot", { key: 'c6d795a0489e7e4b32b5b98a9a135d53cdd1232d' })), h("div", { key: '48cc55b855d58ebefcb1aeed92e8d23c5245778a', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: 'a135d1437868b19df35948bdc3d901c88f6dcc00', name: "footer" })))))));
     }
     static get is() { return "tet-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-inline-message/tet-inline-message.js

@@ -14,11 +14,11 @@ export class TetInlineMessage {
         success: 'check-circle'
     };
     render() {
-        return (h("div", { key: '03e5978e94d51cb7d1f0766e37f71c347611333a', class: {
+        return (h("div", { key: '794eea366b5edace16a7853e457aa896d696277a', class: {
                 "container": true,
                 [this.theme]: true,
                 [this.variant]: true
-            } }, h("tet-icon", { key: 'cc1c742f3116614bd85ebd0630fa36be5d2fea95', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '54247eed4afe1d2ac0568c0015b55ae39300e40f', class: "content" }, h("slot", { key: '40c48afc7949b6f3b6ac9bbfc41ebb1cf00a9690', name: "title" }), "\u00A0", h("slot", { key: '0479d95c9d36cbb4b303f2a563374119791dd66e', name: "description" }))));
+            } }, h("tet-icon", { key: '0491ddbbe995d5d31677f395653f6aa59a9ed0e2', class: "container__icon", name: this.iconMapping[this.variant] }), h("div", { key: '31562350e8de8069f66dfee0eaa1fbf415948141', class: "content" }, h("slot", { key: '2ee3a33ef0a799ac22254b8c505e37318e4ce5ed', name: "title" }), "\u00A0", h("slot", { key: '19e53841fa66c6a78d39bc219b2ba172f4b29269', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-notification/tet-notification.js

@@ -120,7 +120,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: 'e8e6981dd87ced850e3f760a28fc567d5d5ac1af' }, h("div", { key: 'f75199b226438b12aadb2f3da0d4495d7b2d24e9', class: { notification: true, [this.theme]: true } }, h("div", { key: '6b7a2ead020de98aeaeeb6d10dca9c94acc68292', class: { item: true, [this.type]: true } }, h("div", { key: 'c360fede3cf36b59e3947f89a3e512b6d8f14430', class: "header" }, this.renderTypeIcon(), h("div", { key: 'e9f772a8c1bcc85f8dca3e844e9159bc36110970', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'f7c3e2e3a3abb3f720d93f962efacb4aa2f39509', class: "content" }, h("span", { key: '51fc369027406a13757c4af22dc50e8587b0c9f1', innerHTML: content }), h("div", { key: 'c8209b9970c180a0d851ee26da6b998194eee446' }, h("slot", { key: '673d562035c45fee1fba25eb9dcc5216549b8dab', name: "button" })))))));
+        return (h(Host, { key: 'dc3fb3351736ea9ec58db942548ceaee430bc7e6' }, h("div", { key: 'dccc7bc6a2f9d41137422437436a2a8eaa571037', class: { notification: true, [this.theme]: true } }, h("div", { key: '573281deeb08373eda6a8aacaa2358ffeb578f6f', class: { item: true, [this.type]: true } }, h("div", { key: 'f8446337c81ca9b512fea74ac5bb839fdd1b9e16', class: "header" }, this.renderTypeIcon(), h("div", { key: '16a9ff17d83c24b1b591f5a97a4f6efb90500ff9', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'd07589fab96a916261c959590159fe16c1189c5a', class: "content" }, h("span", { key: '3666280fa03b3105066fdab9267c95fc69217701', innerHTML: content }), h("div", { key: '53cb82f06148c6fb95b1a02412a33e04f59ed817' }, h("slot", { key: 'c7f548e0bb79bd9d115f979e32787e6007edab07', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/simple/text-blocks/tet-tooltip/tet-tooltip.js

@@ -365,7 +365,7 @@ export class TetTooltip {
         return (h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), h("slot", null)));
     };
     render() {
-        return h(Host, { key: '70609ffc59f3b513bc5cb0db18b30ebb453a587c', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return h(Host, { key: 'd1b933fa859eff3eb26d09e65562efec87d577ec', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get is() { return "tet-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-address-offers-view/tet-address-offers-view.js

@@ -137,7 +137,7 @@ export class TetAddressOffersView {
         return h(Fragment, null);
     }
     render() {
-        return (h(Host, { key: '5f55323422459660acb59953ffdf91b5d4fd0ce1' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
+        return (h(Host, { key: '6ec4a126839f787f44e647fa076181e1853a1382' }, this.renderContactForm(), this.renderHeader(), this.address && this.renderBody()));
     }
     static get is() { return "tet-address-offers-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/partials/tet-b2b-configurator-cart/tet-b2b-configurator-cart.js

@@ -167,12 +167,12 @@ export class TetB2bConfiguratorCart {
         const isEditMode = this.context === 'edit';
         const isCheckoutMode = this.context === 'checkout';
         const showSummary = !this.isCartEmpty && (isEditMode || (isCheckoutMode && this.isAccordionOpen));
-        return (h(Host, { key: 'ba3291513738b156dd22d769df010978ef9966b8' }, h("div", { key: '9621c0d355c219d91fa190a5dfb3c43ee27df68f', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'b73960402544263a72a425359551aa5467bf0d5f', ref: (el) => (this.accordionEl = el), class: {
+        return (h(Host, { key: '9a2cbfc0fe58e4abd2b5afded9c7727bfb732d71' }, h("div", { key: '633f5c082aeb3c666a0e2f95ace14420753efa90', ref: (el) => (this.cartEl = el), class: { cart: true, [`${this.theme}`]: true, [`${this.context}`]: true } }, h("tet-accordion", { key: 'f7c1bda723830fd7ecec362324849365ddc3e72d', ref: (el) => (this.accordionEl = el), class: {
                 'cart__accordion': true,
                 [`cart__accordion--${this.context}`]: true,
                 'cart__accordion--rounded': this.isCartEmpty || (isCheckoutMode && !this.isAccordionOpen),
                 'cart__accordion--closed': !this.isAccordionOpen
-            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: '1993dd17b7dd1d068342ebc89372a04191ff2a04', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '5a60dfb72e4e842bb955ac7ac4863ae9696f3847', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
+            }, isOpen: this.isAccordionOpen, onOpenChanged: this.handleAccordionChanged, header: cartTitle, theme: this.theme, transparentBackground: true, indicatorDirection: this.isDesktopResolution || isCheckoutMode ? 'down' : 'up' }, h("div", { key: 'a777bcc55f3eadf418018ae8f6da23fe43c1fa70', class: `cart__title--${this.context}` }, cartTitle), h("div", { key: '1be14c2dccbaf2406241d43a73b90d95351562ad', class: { cart__content: true, [`cart__content--${this.context}`]: true } }, this.isCartEmpty ? this.renderEmptyContent() : [this.renderContent()])), showSummary && this.renderSummary())));
     }
     static get is() { return "tet-b2b-configurator-cart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-b2b-configurator/tet-b2b-configurator.js

@@ -459,7 +459,7 @@ export class TetB2bConfigurator {
         return (h("tet-b2b-check-out-form", { ref: (el) => (this.checkoutFormEl = el), theme: this.theme, "onSubmit-check-out-form": this.submit }, h("div", { slot: "cart" }, this.renderCart('checkout'))));
     };
     render() {
-        return (h(Host, { key: 'c4949f954cb2025bb9a1e1a8ec64c848b772e828' }, h("div", { key: '9bfea8b1af18f047f0d9f39a81b04dcd04a0d7f6', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
+        return (h(Host, { key: '001da651eb395990d65a929558920f80f67ec357' }, h("div", { key: 'b20fe87916971db6c1173796f20f0b5b307f152c', class: { configurator: true, [`${this.theme}`]: true } }, this.isLoading ? this.renderPlaceholder() : b2bState.data && [this.renderOffer(), this.renderCart()]), this.renderCheckoutForm(), this.renderConfirmationDialog(), this.renderSubmissionStateDialog()));
     }
     static get is() { return "tet-b2b-configurator"; }
     static get encapsulation() { return "shadow"; }