@tet/tet-components 1.3.10-testing → 1.3.11-staging

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

@@ -2947,8 +2947,10 @@
 }
 .tet-link:focus-visible,
 .tet-link__arrow:focus-visible {
-  outline: solid var(--tet-link-color-focus) 0.125rem;
-  outline-offset: 0.375rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  outline-color: var(--tet-link-color-focus);
   border-radius: 0.125rem;
 }
 .tet-link.disabled,
@@ -5098,7 +5100,7 @@
   border: 0.0625rem solid var(--input-border-color);
   color: var(--input-text-color);
   background: var(--input-background-color);
-  outline: none;
+  outline: 0.125rem solid transparent;
   font-size: inherit;
   font-family: var(--input-font-family);
   font-weight: 500;
@@ -5136,6 +5138,12 @@
 .tet-input__base.tet-input__mint-original:not(:disabled):focus, .tet-input__base.tet-input__mint-original:not(:disabled):active {
   outline: none;
 }
+.tet-input__base.tet-input__mint-original.keyboard-focus:focus {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  box-shadow: none;
+}
 .tet-input__base[disabled] {
   cursor: not-allowed;
   outline: none;
@@ -5154,6 +5162,15 @@
   border: 0.0625rem solid var(--input-focus-border-color);
   box-shadow: 0 0 0 0.25rem var(--input-focus-outline-color);
 }
+.tet-input__base.keyboard-focus:focus {
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  box-shadow: none;
+}
+.tet-input__base.error {
+  border-color: var(--input-color-error);
+}
 
 .tet-input__label {
   display: block;

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

@@ -167,7 +167,7 @@ export class TetMenu {
     }
     render() {
         const { type } = this;
-        return (h(Host, { key: '2d10e4f7b0cdaf109a0d2a203e9c89df687c7e8e' }, h("div", { key: 'd8015c3d58ed9e77b2d80c8d2daa1848e16640e7', class: {
+        return (h(Host, { key: '8d23e14271341ce8e823532a2ddd207f58bd13cd' }, h("div", { key: '2243b4a443da3af1900135cdf0c0cd71ee9b1e0c', class: {
                 menu: true,
                 menu__main: type === 'main',
                 menu__language: type === 'language',

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

@@ -113,7 +113,7 @@ export class TetMenuMobile {
         return h("tet-icon", { class: "menu__chevron", name: "chevron-down" });
     }
     render() {
-        return (h(Host, { key: '280f97f9d19f74fdfcc493fbf610547c303eecfa' }, h("div", { key: 'c0e10d793cce647d58c992f8654257365491574c', class: {
+        return (h(Host, { key: '33f544fa21df4253ae845ae4f4c43defce64e989' }, h("div", { key: 'fdf346382c410f0abf93566005ec6ec895c5a7c8', class: {
                 'menu': true,
                 'menu--expanded': this.isExpanded,
                 'menu--active': this.isActive,

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

@@ -46,13 +46,13 @@ export class TetNavigationMobile {
         this.mainDropdownToggle.emit(isTogglerExpanded);
     }
     render() {
-        return (h(Host, { key: 'af1b5eb69d8cc0ab5ef703dc03ec069305635e4c' }, h("navigation", { key: 'a15727bd57e460ae51179f59fb308ae97af9c27f', class: {
+        return (h(Host, { key: '131ecd51b6e5e39eab8964c866d78c10ca229b99' }, h("navigation", { key: 'ee2a1d069e54097e6afc39833dd3110d0bba3dd3', class: {
                 'navigation': true,
                 'navigation--dark': this.darkMode
-            } }, h("div", { key: 'a2d46e08d79036ec96d7c36270d3f6f45d77491a', class: "navigation__nav-bar" }, h("slot", { key: 'a6aeb9d98c83e83026e593997d376fdb3b0632c2' })), this.isTogglerVisible && (h("span", { key: '3b19094d76ec57ab9b3f6e2af0df5e7f5b9a1956', class: "navigation__toggler", onClick: this.onTogglerClick }, !this.isTogglerExpanded && h("tet-icon", { key: 'da2238e6bf9eb17744a6d562715693d8b2bf1072', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: '6a90dbda2e47de39f9ec52b8c65dc50b124d48e7', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'a80d225cd1ff146916b142b7632b8f179d33d991', class: {
+            } }, h("div", { key: 'aeeca62edeb599d760ff27b71fdb085cdd7b5044', class: "navigation__nav-bar" }, h("slot", { key: 'a2864acaf5b64f41fc0fae5d5534f4cfea03ca21' })), this.isTogglerVisible && (h("span", { key: '8c7ba2bbc96586a1503448029c3a9e43b6603fd8', class: "navigation__toggler", onClick: this.onTogglerClick }, !this.isTogglerExpanded && h("tet-icon", { key: 'e6390a257ca4e0dfa14fcc90327944e902ea121c', class: "navigation__toggler navigation__toggler--burger", name: "burger" }), this.isTogglerExpanded && h("tet-icon", { key: 'fda57dc3c74a03abe17a26d0b4112d01b0e18317', class: "navigation__toggler navigation__toggler--close", name: "close" }))), h("div", { key: 'da87d712a195dbba3dc12d67de9178917b9517d1', class: {
                 'navigation__dropdown': true,
                 'navigation__dropdown--expanded': this.isTogglerExpanded,
-            } }, h("slot", { key: 'a3121a0aa246ab86f0ddcb7383649acc2e117e33', name: "dropdown" })))));
+            } }, h("slot", { key: '1ea6ef3a42b84847905efa28c44137762915d0d4', name: "dropdown" })))));
     }
     static get is() { return "tet-navigation-mobile"; }
     static get encapsulation() { return "shadow"; }

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

@@ -393,7 +393,6 @@
   color: var(--accordion-text-color);
   background-color: var(--accordion-background-color);
   border-color: var(--accordion-border-color);
-  outline: none;
 }
 .tet-accordion--border {
   border-bottom-style: solid;
@@ -402,9 +401,6 @@
   padding-bottom: calc(var(--accordion-focus-border-bottom-width) - var(--accordion-border-bottom-width));
 }
 .tet-accordion--border:focus-visible {
-  border-color: var(--accordion-focus-border-color);
-  border-bottom-width: var(--accordion-focus-border-bottom-width);
-  outline: none;
   padding-bottom: 0;
 }
 .tet-accordion__header {
@@ -429,6 +425,13 @@
     padding: var(--accordion-header-padding);
   }
 }
+.tet-accordion__header:focus-visible {
+  border-radius: 0.125rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  outline-offset: 0.1875rem;
+}
 .tet-accordion__header__text {
   flex-grow: 1;
   font: var(--accordion-header-font);

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

@@ -106,21 +106,21 @@ export class TetAccordion {
         }
     }
     render() {
-        return (h(Host, { key: '22737e80e47c43b2b463951615f8977c21643482' }, h("div", { key: '77365dce1ab3c51884f2c293caaf35e2d71e5036', class: {
+        return (h(Host, { key: '83d08c63490aacf0d069492e2b5269e9bc9d62bd' }, h("div", { key: 'b0178734c66d4840e3606ad1863c2441b3e4f026', class: {
                 'tet-accordion': true,
                 'tet-accordion--border': this.withBorder,
                 [`${this.theme}-theme`]: true,
                 [`tet-accordion--breakpoint-${this.breakpoint}`]: true
-            } }, h("div", { key: 'f3d01f488b61356c0d230b30095067fcc78c4709', class: "tet-accordion__header", onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
-            h("img", { key: '4d8c89c5880a4871fd302025e00537739003371d', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '50d12fa69895b1fd4b3ca398181b1dec89c9acb9', name: "chevron-down", class: {
+            } }, h("div", { key: '40f699f2ffca479ef23bfaac3c48ed283a8597e5', class: "tet-accordion__header", onClick: this.toggleOpenState, onKeyDown: this.toggleAccessibilityOpenState, tabIndex: 0 }, this.headerImageSrc && this.headerImageSrc !== '' &&
+            h("img", { key: 'f2283c796a4d2922c39d45853e0311d18b5ab540', src: this.headerImageSrc, alt: this.headerImageAlt ? this.headerImageAlt : undefined, class: "tet-accordion__header-image" }), this.renderHeading(), h("tet-icon", { key: '0404c712cc9ee8e612462c1c2448a6057483f924', name: "chevron-down", class: {
                 'tet-accordion__icon': true,
                 'open': this.isOpen
-            } })), h("div", { key: 'c7981508b3da13f2a355bb41762e6670a73595ad', ref: (element) => (this.contentWrapperElement = element), class: {
+            } })), h("div", { key: '598ed0e6471c9577db0a7c5ee484bd00e7091fb8', ref: (element) => (this.contentWrapperElement = element), class: {
                 'tet-accordion__content-wrapper': true,
                 'visible': this.isOpen
-            }, inert: !this.isOpen }, h("div", { key: '907f8f76946c91984094dc89e1ec97f510290c28', ref: (element) => (this.contentElement = element), class: {
+            }, inert: !this.isOpen }, h("div", { key: 'a16b91c8f81c0580ad42d2c288f40d626b581ceb', ref: (element) => (this.contentElement = element), class: {
                 'tet-accordion__content': true
-            } }, h("slot", { key: 'b0546c64f81b8970e2ba629c0110ee7ecc45af97' }))))));
+            } }, h("slot", { key: 'fff5b109547e5a3f57cb3973e9eed78c82262c0b' }))))));
     }
     static get is() { return "tet-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class TetExpansionPanel {
         return this.state;
     }
     render() {
-        return (h("div", { key: '2f0096657f5252b277404b3e2846acc48a8df6cf', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '00697e8dc348e78306d60e8898773d960e49b857', class: "tet-expansion-panel-content" }, h("slot", { key: 'd650bdbea9fdb7c7d0f89c768fcb5ee36a3c23dc' }))));
+        return (h("div", { key: '53fe9a428aba002dc7f74cb414e6cdeabf82797c', class: { 'tet-expansion-panel': true, 'open': this.state === 'open' } }, h("div", { key: '93d3ccf2d7221b9eedda242fe832b3c24360edbe', class: "tet-expansion-panel-content" }, h("slot", { key: '6ce36f04eca95f54ae2df798f408b79553cee0af' }))));
     }
     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

@@ -300,13 +300,13 @@ export class TetBarGraph {
         return lineElements;
     }
     render() {
-        return (h(Host, { key: 'be680648d97d837ca2ef5d5235171f2fc4706d15' }, h("div", { key: 'fac6912c56afb68081b99fe536cbcdb19779b503', class: {
+        return (h(Host, { key: '1c606d8192fad24438736975a9694dfe8ff0d69d' }, h("div", { key: '54adb48ff339aac8365bae7ec78c8060d5c0d48f', class: {
                 'bar-graph': true,
                 [`bar-graph--${this.componentSize}`]: true,
-            } }, h("div", { key: '7c1a7f07cdcd1e7eeac86f9130997b94524bfde1', class: "bar-graph__container" }, h("div", { key: 'b3c60d8f738f900d1765b64aa8db635bada95b36', class: {
+            } }, h("div", { key: 'a4e6d991ddbe501af8698ca79b33c34296098700', class: "bar-graph__container" }, h("div", { key: 'c6ed14b991f02a8832ee0b56d3a1fbe7a2ff0c9b', 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: '852c15c25c9fdb0331f59c3c2e319bd308e85633', class: "bar-graph__graph-container" }, h("div", { key: 'f208a73d0e0f25aae2376abefe2dbe946febc5ac', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '734f9b9cd215d6b9b0345b6c123938c610556e0f', 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: '96c5e797c3cca61047ff9bd7ed3f87d043b99ba9', class: "bar-graph__graph-container" }, h("div", { key: 'ee35b310f783a98fb174f34bf865c6252afa97c4', class: { 'bar-graph__data-grid': true, 'hidden': !this.withGrid } }, this.renderGridLines()), h("div", { key: '2fbcb1593b98f2085bbf6046c118fcfcd514772c', 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

@@ -297,7 +297,7 @@ export class TetTable {
         return { 'table__cell--inner': inner };
     }
     render() {
-        return (h(Host, { key: 'a95e062ec7e024487f7b78caf3012b10f532a912' }, this.renderLargeScreenTable(), this.renderMobileScreenTable()));
+        return (h(Host, { key: '3109feacda0629b6f19b8a7d94e449f650b8a1aa' }, 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

@@ -175,10 +175,10 @@ export class TetApplicationFormDialog {
         return (h("div", { class: "tet-cloud-application-form-dialog__footer", slot: "footer" }, h("tet-button", { theme: "light", type: "ghost", size: "medium", clickCallback: () => this.close() }, t('components-cloud-application-form-close-button-text')), h("tet-button", { theme: "light", type: "primary", size: "medium", disabled: this.loading, clickCallback: () => this.submit() }, t('components-cloud-application-form-submit-button-text'))));
     }
     render() {
-        return (h(Host, { key: '2d2303125e4554eef84020e02670a31e3102dcfe' }, h("tet-dialog", { key: 'f1e2a42dd0131f063a2f5946fde44ad8aca53d71', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
+        return (h(Host, { key: 'e3534a496880e1732422231b71811a3c294845d3' }, h("tet-dialog", { key: 'cbd8aee32252cae152a41c042dd6d5fc0351bcb9', ref: (element) => (this.dialogElement = element), part: "dialog", class: {
                 'tet-cloud-application-form-dialog': true,
                 'tet-cloud-application-form-dialog--loading': this.loading
-            }, headerTitle: t('components-cloud-application-form-title'), footerDisplay: "right", closeOnEscape: this.showOverlay, closeOnOverlayClick: this.showOverlay }, h("p", { key: '769ae4cd631ed3f3338afd7a4f32bafef60d8cb8', 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 }, h("p", { key: 'd5643ad73111fccf75270f79065963edbbceb7fc', 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.css

@@ -405,6 +405,9 @@ dialog .dialog {
   background: var(--dialog-background-color);
   box-shadow: var(--tc-elevation-six);
 }
+dialog .dialog:focus-visible {
+  outline: none;
+}
 dialog .dialog--theme-dark {
   --dialog-text-color: var(--tc-text-primary-dark);
   --dialog-background-color: var(--tc-grey-20-dark);
@@ -493,6 +496,12 @@ dialog .dialog__close-button:active {
 dialog .dialog__close-button__hidden {
   display: none;
 }
+dialog .dialog__close-button:focus-visible {
+  border-radius: 0.125rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+}
 dialog .dialog__close-icon {
   --icon-color: var(--dialog-close-icon-color);
   --icon-size: 1.5rem;

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

@@ -117,7 +117,7 @@ export class TetDialog {
     }
     render() {
         const { isOpen, theme, footerDisplay, handleClickOverlay } = this;
-        return (h(Host, { key: '9ad582be4a909ff45e91e6c8259429f343dd1222' }, h("dialog", { key: 'f894428eedab7a1b7b464ca0af99e3d2c8c24b01', ref: (el) => (this.dialogContainer = el) }, h("div", { key: 'd4e24a66e96beab5d35bb597632b5aa301b71600', part: "overlay", class: { 'dialog__overlay': true, 'dialog__overlay--visible': isOpen }, onClick: handleClickOverlay }, h("div", { key: '5f181c1d769b011b4c54fb305635b920abfc75d5', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '31d0e0c7c3dd040d784df646f91323bd8f18f612', part: "body", class: "dialog__body" }, h("slot", { key: 'a975df18f966fe355b813d9fd3d7da0cc84b9004' })), h("div", { key: '28232f833bb3e36dcaddcc3db14bb8b62f47fbf4', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '0d65f3527e10d69adb1f0a52e72987caf2fb8f17', name: "footer" })))))));
+        return (h(Host, { key: '2f61e8efbabf75cbc7659b151a7fca4d89244866' }, h("dialog", { key: 'bca0fa71ba0e6aacf5ecdd3f56ff0696248c174c', ref: (el) => (this.dialogContainer = el) }, h("div", { key: '2448fc7c9ee9eb82d3a59832216a184433caab29', part: "overlay", class: { 'dialog__overlay': true, 'dialog__overlay--visible': isOpen }, onClick: handleClickOverlay }, h("div", { key: 'b77b29f5b9c55451d3285772584ecd0051ff00f8', part: "dialog", class: { dialog: true, [`dialog--theme-${theme}`]: true }, "aria-labelledby": this.hideHeader ? null : this.titleId }, this.renderHeader(), h("div", { key: '110028b7163144dfa01b33f9c0a66a9e0a42bf6f', part: "body", class: "dialog__body" }, h("slot", { key: '5f6604ec1ef3de90f137ff4435bbbc380ae5944a' })), h("div", { key: 'f1db76ec5bd8f9dd97259501f7008fe61e46918d', part: "footer", class: { dialog__footer: true, [`dialog__footer--${footerDisplay}`]: true } }, h("slot", { key: '3f397bde2b48c6823d3d0a7ff6df58dbcee6c3cb', 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

@@ -13,7 +13,7 @@ export class TetInlineMessage {
         this.variant = 'attention';
     }
     render() {
-        return (h("div", { key: '0a22927535ed56c9d2dca4d6cc5ddd59f5fca078', class: "container" }, h("tet-icon", { key: '0c22d8970a381eb21487617e0b50295cb1bd6bc3', name: this.iconMapping[this.variant], "use-default-color": true }), h("div", { key: '113e054b3c8717457ff3a20699908fed8086c48c', class: "content" }, h("slot", { key: '5ebffc0b965db9bc104f1d02c3a61c51e53978ad', name: "title" }), "\u00A0", h("slot", { key: '82bdb20171d0ca68814b69c9aceedd7c2f6548f5', name: "description" }))));
+        return (h("div", { key: '31809d45ecee56773fe847236cb49980a1ccacf5', class: "container" }, h("tet-icon", { key: '3f04990afc516dcc40f8080b1bd12beb715a42be', name: this.iconMapping[this.variant], "use-default-color": true }), h("div", { key: 'f05453b16111e709c25be507a20b8034b9ed0ffd', class: "content" }, h("slot", { key: 'b7526320a0c2b45d740defd8845aa6fe64180052', name: "title" }), "\u00A0", h("slot", { key: 'b262c1e766d98783510db361c9727b2cb5b7f3b9', name: "description" }))));
     }
     static get is() { return "tet-inline-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -14,7 +14,7 @@ describe('tet-notification', () => {
               <div class="header">
                 <tet-icon class="message-icon notification-icon"></tet-icon>
                 <div class="title">Title content</div>
-                <div>
+                <div class='close-icon-wrapper' tabindex="0">
                   <tet-icon class="close-icon notification-icon" name="close"></tet-icon>
                 </div>
               </div>
@@ -69,7 +69,7 @@ describe('tet-notification', () => {
               <div class="header">
                 <tet-icon class="message-icon notification-icon"></tet-icon>
                 <div class="title"></div>
-                <div>
+                <div class="close-icon-wrapper" tabindex="0">
                   <tet-icon class="close-icon notification-icon" name="close"></tet-icon>
                 </div>
               </div>

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

@@ -445,8 +445,10 @@
 }
 .tet-link:focus-visible,
 .tet-link__arrow:focus-visible {
-  outline: solid var(--tet-link-color-focus) 0.125rem;
-  outline-offset: 0.375rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  outline-color: var(--tet-link-color-focus);
   border-radius: 0.125rem;
 }
 .tet-link.disabled,
@@ -563,6 +565,12 @@
   margin-bottom: 0.125rem;
   color: var(--notification-title-color);
 }
+.notification .item .close-icon-wrapper:focus-visible .close-icon {
+  border-radius: 0.125rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0rem;
+  transition: outline 0s;
+}
 .notification .item .notification-icon {
   position: absolute;
   top: 0.75rem;

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

@@ -20,7 +20,12 @@ export class TetNotification {
          */
         this.onClose = (event) => {
             event.stopPropagation();
-            this.close();
+            if (event instanceof MouseEvent) {
+                this.close();
+            }
+            else if (event instanceof KeyboardEvent && ['Space', 'Enter'].includes(event.code)) {
+                this.close();
+            }
         };
         this.icon = undefined;
         this.headerTitle = '';
@@ -72,7 +77,7 @@ export class TetNotification {
         if (!this.canClose()) {
             return '';
         }
-        return (h("div", { onClick: this.onClose }, h("tet-icon", { class: "notification-icon close-icon", name: "close" })));
+        return (h("div", { class: 'close-icon-wrapper', onClick: this.onClose, onKeyDown: this.onClose, tabindex: 0 }, h("tet-icon", { class: "notification-icon close-icon", name: "close" })));
     }
     /**
      * Render the icon for all except `neutral` type notifications
@@ -111,7 +116,7 @@ export class TetNotification {
     }
     render() {
         const { headerTitle, content } = this;
-        return (h(Host, { key: '12fec2429f60cd1fa90a09ad3da235dfe6b42dab' }, h("div", { key: 'b3c8285251e7468b1e9b5fc9da31aa0c36884a7f', class: { notification: true, [this.theme]: true } }, h("div", { key: 'c3be316f819f8137faa7a69dce52e74631ef7494', class: { item: true, [this.type]: true } }, h("div", { key: '56b5f20ea24c5d78b7a4a3fe178afa7ad5ac8a4d', class: "header" }, this.renderTypeIcon(), h("div", { key: '02967221f39fc0958355730684930ac8db0aa7ca', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: '1b59e79c820f62a0530a2c365592c7b640f0b683', class: "content" }, h("span", { key: 'aee90e1b387e9c17f9b3635db24d756f33508e95', innerHTML: content }), h("div", { key: '86dff56261f331cb40e473e3615f7ce6c97e6848' }, h("slot", { key: 'ef6e1a62abd95999d2956d41ab5a991c2f40fb67', name: "button" })))))));
+        return (h(Host, { key: '868918f2f99d05424f489d39ef839851a0260cc5' }, h("div", { key: 'fe0aa4188eec5652ac8d227a2750b7a0376a1e00', class: { notification: true, [this.theme]: true } }, h("div", { key: 'b41e47e3210d77944e759c81cde5147661635d1a', class: { item: true, [this.type]: true } }, h("div", { key: '812f52e5071496d4be784600ab8c6a5f8fbb1b69', class: "header" }, this.renderTypeIcon(), h("div", { key: 'fc25b50fc3f74532116fcf5730b07daff7036380', class: "title" }, headerTitle), this.renderCloseButton()), h("div", { key: 'f698f42b6089141449e9c9535a8eea7af9442427', class: "content" }, h("span", { key: '7ad190a5ea8cd9bf47259a13eef049130cf5c3ab', innerHTML: content }), h("div", { key: 'e3e3a998ea580e6da05906b11e4c435c6095a88a' }, h("slot", { key: '2f27a9f178ee16fe73cd7759ba6ffe95bb8984ac', name: "button" })))))));
     }
     static get is() { return "tet-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-contact-info/tet-contact-info.js

@@ -13,7 +13,7 @@ export class TetContactInfo {
         return (h("div", { class: "contact-info-card-block" }, h("span", { class: "contact-info-card-block-label", innerHTML: contactInfo.label }), h("span", { class: "contact-info-card-block-value", innerHTML: contactInfo.value })));
     }
     render() {
-        return (h(Host, { key: 'f5586284fff43e1e426954cad309bb32bd41855c' }, h("div", { key: '0f85ab814192ae9e22193d6e94bc160feab8971b', class: "contact-info" }, h("div", { key: 'eadb6c31329bf615967cc05c5309e7cd2ef69667', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
+        return (h(Host, { key: 'c3f296a687b4ec875ecd4a561fb9071561e8bca3' }, h("div", { key: '42e201047cd755470a41158487ce3c0f25759242', class: "contact-info" }, h("div", { key: '9989813edffcc73bdb9faa56d3f559ab5e15296d', class: "contact-info-card" }, this.contactBlocks.map(this.renderValueBlock.bind(this))))));
     }
     static get is() { return "tet-contact-info"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-macd-view/tet-macd-view.js

@@ -255,7 +255,7 @@ export class TetMacdView {
             this.renderMacdOrderTypesList();
         const content = this.showLoader ?
             this.renderLoader() : errorOrContent;
-        return (h(Host, { key: 'f43e31636d5f3f55f22ec6e9a37408738d6cac22' }, h("div", { key: 'a50d05843b124e07fac3bf18b11620253a9ef33e', class: "wrapper" }, h(ThemeWrapper, { key: 'd389076da8bf159c66cddfae9d0ce5a3ba212458', theme: this.theme }, content, this.renderDialog()))));
+        return (h(Host, { key: '4fe84c2282500070cc4a621f2d3787ba899d8892' }, h("div", { key: '12ba822f1784c790f1ebd1f1c3be05234b966f59', class: "wrapper" }, h(ThemeWrapper, { key: '1159435b1e8c67d3b40e2b221cad874536459904', theme: this.theme }, content, this.renderDialog()))));
     }
     static get is() { return "tet-macd-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view/tet-thank-you-view.js

@@ -72,7 +72,7 @@ export class TetThankYouView {
             'thank-you-view-main-block': true,
             'no-header': !this.headerToolbarSlot
         };
-        return (h(Host, { key: '0f6ba706ad61f180d28845e3686b79e97aafca8d' }, h("div", { key: '16725319d6d54d2a0d9eb23ea430972a32898afc', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'b038f5a1c221beec96722ecf12b0d2d9c9627425', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
+        return (h(Host, { key: '22d21bce1bff87aaf54700bb40020cdf8c7dea96' }, h("div", { key: '723513ef04a141bcfffc12cf4c8773ee2b874a04', class: mainClasses }, this.renderHeaderToolbar(), h("div", { key: 'a16094dba1c849cf1f8096829b9c80d7084b9ac0', class: mainBlockClasses }, this.renderIconBlock(), this.renderInfoBlock(), this.renderStepperBlock(), this.renderCTABlock()), this.renderFAQSlot())));
     }
     static get is() { return "tet-thank-you-view"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/views/tet-thank-you-view-v2/tet-thank-you-view-v2.js

@@ -68,7 +68,7 @@ export class TetThankYouViewV2 {
         return (((_a = this.stepperData) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { class: "thank-you-view-v2-stepper" }, h("tet-stepper-v2", { stepperData: this.stepperData, theme: this.theme }))));
     }
     render() {
-        return (h(Host, { key: 'ea9260cf3c05bc7df5db017b12b410117c88004b' }, h("div", { key: '279bac346ce88b0a11f4ddca99352e27de1a653e', class: {
+        return (h(Host, { key: 'b861d7fc3aeabf257bb0aa3e8df33ce3a8dbb77f' }, h("div", { key: '92d18f93edfe044e67dbaae7a9ba54a625fbd19c', class: {
                 'thank-you-view-v2': true,
                 [this.theme]: true,
             } }, this.renderInfoBlock(), this.renderStepper(), this.renderCTAButton(), this.renderFAQSlot())));

package/dist/collection/docs/styling/link/tet-link.css

@@ -397,8 +397,10 @@
 }
 .tet-link:focus-visible,
 .tet-link__arrow:focus-visible {
-  outline: solid var(--tet-link-color-focus) 0.125rem;
-  outline-offset: 0.375rem;
+  outline: 0.125rem solid var(--tc-blue-40);
+  outline-offset: 0.125rem;
+  transition: outline 0s;
+  outline-color: var(--tet-link-color-focus);
   border-radius: 0.125rem;
 }
 .tet-link.disabled,

package/dist/collection/types/enums.js

@@ -0,0 +1,5 @@
+export var IconName;
+(function (IconName) {
+    IconName["Close"] = "close";
+    IconName["ChevronDown"] = "chevron-down";
+})(IconName || (IconName = {}));

package/dist/components/index.js

@@ -79,7 +79,7 @@ import { TetThankYouViewV2 } from './tet-thank-you-view-v2.js';
 import { TetTooltip } from './tet-tooltip.js';
 import { TetTvGiftBlock } from './tet-tv-gift-block.js';
 import { TetTvGiftList } from './tet-tv-gift-list.js';
-export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-37ed3ebb.js';
+export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-5749376d.js';
 
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {

package/dist/components/{p-83711da3.js → p-0b9566f2.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-37ed3ebb.js';
+import { p as proxyCustomElement, H, d as createEvent, h } from './p-5749376d.js';
 import { c as isObject } from './p-91651432.js';
 
 const tetSelectionListCss = "@font-face{font-family:Avenir Next;src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix);src:url(assets/fonts/8e7462a9501f48c43c58f870188b3fb2.eot?#iefix) format(\"eot\"),url(assets/fonts/3c3e10968ffc97c2a52c5830f9886d1f.woff2) format(\"woff2\"),url(assets/fonts/660fbf858d30d7685fa4b166080f5980.woff) format(\"woff\"),url(assets/fonts/2b7748589092fd1a10b806abdfb562ff.ttf) format(\"truetype\");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix);src:url(assets/fonts/d5e25ad69d0ea31f3b8f66d634ca40fe.eot?#iefix) format(\"eot\"),url(assets/fonts/aad36ecead30948bb30fe0ef818b749c.woff2) format(\"woff2\"),url(assets/fonts/c437d7752feaf3f056bbf8613e898d3a.woff) format(\"woff\"),url(assets/fonts/b8df4d02ef5de13a813917a85bc4a9c4.ttf) format(\"truetype\");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix);src:url(assets/fonts/046190c9a2f724b925df848737b03819.eot?#iefix) format(\"eot\"),url(assets/fonts/4d52f8276a74ea8efbad833ed790367c.woff2) format(\"woff2\"),url(assets/fonts/a067695dd1b87e927f4056c040d84669.woff) format(\"woff\"),url(assets/fonts/510a664af9771b72d4ce5e637109ca3c.ttf) format(\"truetype\");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix);src:url(assets/fonts/0715de188f56c99aa615905f7e06292e.eot?#iefix) format(\"eot\"),url(assets/fonts/63f5acc71d9852468683a4bfe824a28f.woff2) format(\"woff2\"),url(assets/fonts/ed94c737da267752ce0abd79bb003ff6.woff) format(\"woff\"),url(assets/fonts/6302f55a6dc6b12365177dc89b7d63cf.ttf) format(\"truetype\");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix);src:url(assets/fonts/3f76abc23eef0596c499840db84213bb.eot?#iefix) format(\"eot\"),url(assets/fonts/1fe7da97fe9dbe1349aca9b54b5fdf69.woff2) format(\"woff2\"),url(assets/fonts/dacc6a84278e221422902af99579ada5.woff) format(\"woff\"),url(assets/fonts/e530c573663a3a07243d303fbf7db508.ttf) format(\"truetype\");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next;src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix);src:url(assets/fonts/75f8489ba53f19968feaa3e2eb78c569.eot?#iefix) format(\"eot\"),url(assets/fonts/93ec0034623fc696601ab99aba652d4c.woff2) format(\"woff2\"),url(assets/fonts/d73c8eb1c13abe1237366aa3ee829a59.woff) format(\"woff\"),url(assets/fonts/7b6dcef99f3f4b23346e23925ec8678f.ttf) format(\"truetype\");font-weight:600;font-style:italic;font-display:swap}.tet-icon{font-family:Tet Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Tet Icons;src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot);src:url(assets/fonts/d2ce51cdcd0b9707af186f8d50023d23.eot?#iefix) format(\"embedded-opentype\"),url(assets/fonts/25f10ef322a1220b2e9e11db38b73892.woff2) format(\"woff2\"),url(assets/fonts/fed75ac1edcf1c25cdd8612d2c365f9a.woff) format(\"woff\"),url(assets/fonts/df7fbe67cabb13cb837172a73c46378a.ttf) format(\"truetype\"),url(assets/fonts/5486d8c87e2abc6c13ed952a6cc96658.svg#tet-icons) format(\"svg\");font-weight:400;font-style:normal}.tet-icon:before{content:\"\\E84E\"}.tet-icon--sm{font-size:1.125rem}.tet-icon--md{font-size:1.5rem}.tet-icon--lg{font-size:2.25rem}.tet-icon--xl{font-size:3rem}.tet-icon--xxl{font-size:4rem}.tet-icon--0{font-size:0}.tet-icon--1{font-size:.0625rem}.tet-icon--2{font-size:.125rem}.tet-icon--3{font-size:.1875rem}.tet-icon--4{font-size:.25rem}.tet-icon--5{font-size:.3125rem}.tet-icon--6{font-size:.375rem}.tet-icon--7{font-size:.4375rem}.tet-icon--8{font-size:.5rem}.tet-icon--9{font-size:.5625rem}.tet-icon--10{font-size:.625rem}.tet-icon--11{font-size:.6875rem}.tet-icon--12{font-size:.75rem}.tet-icon--13{font-size:.8125rem}.tet-icon--14{font-size:.875rem}.tet-icon--15{font-size:.9375rem}.tet-icon--16{font-size:1rem}.tet-icon--17{font-size:1.0625rem}.tet-icon--18{font-size:1.125rem}.tet-icon--19{font-size:1.1875rem}.tet-icon--20{font-size:1.25rem}.tet-icon--21{font-size:1.3125rem}.tet-icon--22{font-size:1.375rem}.tet-icon--23{font-size:1.4375rem}.tet-icon--24{font-size:1.5rem}.tet-icon--25{font-size:1.5625rem}.tet-icon--26{font-size:1.625rem}.tet-icon--27{font-size:1.6875rem}.tet-icon--28{font-size:1.75rem}.tet-icon--29{font-size:1.8125rem}.tet-icon--30{font-size:1.875rem}.tet-icon--31{font-size:1.9375rem}.tet-icon--32{font-size:2rem}.tet-icon--33{font-size:2.0625rem}.tet-icon--34{font-size:2.125rem}.tet-icon--35{font-size:2.1875rem}.tet-icon--36{font-size:2.25rem}.tet-icon--37{font-size:2.3125rem}.tet-icon--38{font-size:2.375rem}.tet-icon--39{font-size:2.4375rem}.tet-icon--40{font-size:2.5rem}.tet-icon--41{font-size:2.5625rem}.tet-icon--42{font-size:2.625rem}.tet-icon--43{font-size:2.6875rem}.tet-icon--44{font-size:2.75rem}.tet-icon--45{font-size:2.8125rem}.tet-icon--46{font-size:2.875rem}.tet-icon--47{font-size:2.9375rem}.tet-icon--48{font-size:3rem}.tet-icon--49{font-size:3.0625rem}.tet-icon--50{font-size:3.125rem}.tet-icon--51{font-size:3.1875rem}.tet-icon--52{font-size:3.25rem}.tet-icon--53{font-size:3.3125rem}.tet-icon--54{font-size:3.375rem}.tet-icon--55{font-size:3.4375rem}.tet-icon--56{font-size:3.5rem}.tet-icon--57{font-size:3.5625rem}.tet-icon--58{font-size:3.625rem}.tet-icon--59{font-size:3.6875rem}.tet-icon--60{font-size:3.75rem}.tet-icon--61{font-size:3.8125rem}.tet-icon--62{font-size:3.875rem}.tet-icon--63{font-size:3.9375rem}.tet-icon--64{font-size:4rem}.tet-icon--65{font-size:4.0625rem}.tet-icon--66{font-size:4.125rem}.tet-icon--67{font-size:4.1875rem}.tet-icon--68{font-size:4.25rem}.tet-icon--69{font-size:4.3125rem}.tet-icon--70{font-size:4.375rem}.tet-icon--71{font-size:4.4375rem}.tet-icon--72{font-size:4.5rem}.tet-icon--73{font-size:4.5625rem}.tet-icon--74{font-size:4.625rem}.tet-icon--75{font-size:4.6875rem}.tet-icon--76{font-size:4.75rem}.tet-icon--77{font-size:4.8125rem}.tet-icon--78{font-size:4.875rem}.tet-icon--79{font-size:4.9375rem}.tet-icon--80{font-size:5rem}.tet-icon--81{font-size:5.0625rem}.tet-icon--82{font-size:5.125rem}.tet-icon--83{font-size:5.1875rem}.tet-icon--84{font-size:5.25rem}.tet-icon--85{font-size:5.3125rem}.tet-icon--86{font-size:5.375rem}.tet-icon--87{font-size:5.4375rem}.tet-icon--88{font-size:5.5rem}.tet-icon--89{font-size:5.5625rem}.tet-icon--90{font-size:5.625rem}.tet-icon--91{font-size:5.6875rem}.tet-icon--92{font-size:5.75rem}.tet-icon--93{font-size:5.8125rem}.tet-icon--94{font-size:5.875rem}.tet-icon--95{font-size:5.9375rem}.tet-icon--96{font-size:6rem}.tet-icon--97{font-size:6.0625rem}.tet-icon--98{font-size:6.125rem}.tet-icon--99{font-size:6.1875rem}.tet-icon--100{font-size:6.25rem}.tet-icon--101{font-size:6.3125rem}.tet-icon__add:before{content:\"\\E800\"}.tet-icon__alert-circled:before{content:\"\\E801\"}.tet-icon__alert:before{content:\"\\E802\"}.tet-icon__bank:before{content:\"\\E803\"}.tet-icon__box:before{content:\"\\E804\"}.tet-icon__download:before{content:\"\\E805\"}.tet-icon__burger:before{content:\"\\E806\"}.tet-icon__cancel:before{content:\"\\E807\"}.tet-icon__printer:before{content:\"\\E808\"}.tet-icon__cart-add:before{content:\"\\E809\"}.tet-icon__cart-remove:before{content:\"\\E80A\"}.tet-icon__cart:before{content:\"\\E80B\"}.tet-icon__chat:before{content:\"\\E80C\"}.tet-icon__arrow-up:before{content:\"\\E80D\"}.tet-icon__calendar:before{content:\"\\E80E\"}.tet-icon__help-circled:before{content:\"\\E80F\"}.tet-icon__edit:before{content:\"\\E810\"}.tet-icon__external-link:before{content:\"\\E811\"}.tet-icon__gift:before{content:\"\\E812\"}.tet-icon__person:before{content:\"\\E813\"}.tet-icon__heart:before{content:\"\\E814\"}.tet-icon__language:before{content:\"\\E815\"}.tet-icon__help:before{content:\"\\E816\"}.tet-icon__home-1:before{content:\"\\E817\"}.tet-icon__location:before{content:\"\\E818\"}.tet-icon__home-3:before{content:\"\\E819\"}.tet-icon__chart-even:before{content:\"\\E81A\"}.tet-icon__info-2:before{content:\"\\E81B\"}.tet-icon__key:before{content:\"\\E81C\"}.tet-icon__info:before{content:\"\\E81D\"}.tet-icon__lock-opened:before{content:\"\\E81E\"}.tet-icon__lock-outlined:before{content:\"\\E81F\"}.tet-icon__lock:before{content:\"\\E820\"}.tet-icon__laptop-filled:before{content:\"\\E821\"}.tet-icon__mail:before{content:\"\\E822\"}.tet-icon__options:before{content:\"\\E823\"}.tet-icon__chart-uneven:before{content:\"\\E824\"}.tet-icon__mail-2:before{content:\"\\E825\"}.tet-icon__remove:before{content:\"\\E826\"}.tet-icon__mobile-filled:before{content:\"\\E827\"}.tet-icon__ilu-calendar-check:before{content:\"\\E828\"}.tet-icon__settings-outlined:before{content:\"\\E829\"}.tet-icon__tablet:before{content:\"\\E82A\"}.tet-icon__thumb-up:before{content:\"\\E82B\"}.tet-icon__ilu-purchase:before{content:\"\\E82C\"}.tet-icon__chart-even-outlined:before{content:\"\\E82D\"}.tet-icon__movie:before{content:\"\\E82E\"}.tet-icon__percent:before{content:\"\\E82F\"}.tet-icon__ilu-change-whenever:before{content:\"\\E830\"}.tet-icon__truck:before{content:\"\\E831\"}.tet-icon__zero:before{content:\"\\E832\"}.tet-icon__attach:before{content:\"\\E833\"}.tet-icon__cloud-done:before{content:\"\\E834\"}.tet-icon__cloud-download:before{content:\"\\E835\"}.tet-icon__cloud-upload:before{content:\"\\E836\"}.tet-icon__cloud:before{content:\"\\E837\"}.tet-icon__folder:before{content:\"\\E838\"}.tet-icon__remote:before{content:\"\\E839\"}.tet-icon__router:before{content:\"\\E83A\"}.tet-icon__shield-filled:before{content:\"\\E83B\"}.tet-icon__shield:before{content:\"\\E83C\"}.tet-icon__ilu-devices:before{content:\"\\E83D\"}.tet-icon__ilu-get-points:before{content:\"\\E83E\"}.tet-icon__tv:before{content:\"\\E83F\"}.tet-icon__ilu-internet:before{content:\"\\E840\"}.tet-icon__wifi-outlined:before{content:\"\\E841\"}.tet-icon__wifi:before{content:\"\\E842\"}.tet-icon__description-outlined:before{content:\"\\E843\"}.tet-icon__laptop:before{content:\"\\E844\"}.tet-icon__chart-uneven-outlined:before{content:\"\\E845\"}.tet-icon__meter:before{content:\"\\E846\"}.tet-icon__mobile:before{content:\"\\E847\"}.tet-icon__phone:before{content:\"\\E848\"}.tet-icon__plug-filled:before{content:\"\\E849\"}.tet-icon__plug:before{content:\"\\E84A\"}.tet-icon__print:before{content:\"\\E84B\"}.tet-icon__camera:before{content:\"\\E84C\"}.tet-icon__clock:before{content:\"\\E84D\"}.tet-icon__placeholder:before{content:\"\\E84E\"}.tet-icon__tv-filled:before{content:\"\\E84F\"}.tet-icon__arrow-down:before{content:\"\\E850\"}.tet-icon__arrow-left:before{content:\"\\E851\"}.tet-icon__arrow-right:before{content:\"\\E852\"}.tet-icon__description:before{content:\"\\E853\"}.tet-icon__login:before{content:\"\\E854\"}.tet-icon__check:before{content:\"\\E855\"}.tet-icon__chevron-down:before{content:\"\\E856\"}.tet-icon__chevron-left:before{content:\"\\E857\"}.tet-icon__chevron-right:before{content:\"\\E858\"}.tet-icon__chevron-up:before{content:\"\\E859\"}.tet-icon__close-circled:before{content:\"\\E85A\"}.tet-icon__close:before{content:\"\\E85B\"}.tet-icon__more-horizontal:before{content:\"\\E85C\"}.tet-icon__more-vertical:before{content:\"\\E85D\"}.tet-icon__refresh:before{content:\"\\E85E\"}.tet-icon__facebook:before{content:\"\\E85F\"}.tet-icon__instagram:before{content:\"\\E860\"}.tet-icon__linkedin:before{content:\"\\E861\"}.tet-icon__people:before{content:\"\\E862\"}.tet-icon__logout:before{content:\"\\E863\"}.tet-icon__share:before{content:\"\\E864\"}.tet-icon__twitter:before{content:\"\\E865\"}.tet-icon__cancel-filled:before{content:\"\\E866\"}.tet-icon__done:before{content:\"\\E867\"}.tet-icon__star-filled:before{content:\"\\E868\"}.tet-icon__star:before{content:\"\\E869\"}.tet-icon__clipboard:before{content:\"\\E86A\"}.tet-icon__ilu-calendar:before{content:\"\\E86B\"}.tet-icon__check-circled:before{content:\"\\E86C\"}.tet-icon__ilu-choose-channels:before{content:\"\\E86D\"}.tet-icon__search:before{content:\"\\E86E\"}.tet-icon__warning:before{content:\"\\E86F\"}.tet-icon__ilu-clock-1:before{content:\"\\E870\"}.tet-icon__ilu-fold:before{content:\"\\E871\"}.tet-icon__ilu-letter:before{content:\"\\E872\"}.tet-icon__ilu-pay:before{content:\"\\E873\"}.tet-icon__ilu-meter:before{content:\"\\E874\"}.tet-icon__ilu-sign:before{content:\"\\E875\"}.tet-icon__smart-watch-filled:before{content:\"\\E876\"}.tet-icon__washing-machine-filled:before{content:\"\\E877\"}.tet-icon__bullet:before{content:\"\\E878\"}.tet-icon__sound:before{content:\"\\E879\"}.tet-icon__dropdown:before{content:\"\\E87A\"}.tet-icon__mask-pass:before{content:\"\\E87B\"}.tet-icon__select:before{content:\"\\E87C\"}.tet-icon__text-area-sizing:before{content:\"\\E87D\"}.tet-icon__unmask-pass:before{content:\"\\E87E\"}.tet-icon__bullet-small:before{content:\"\\E882\"}.tet-icon__electric-bolt:before{content:\"\\E880\"}.tet-icon__sun:before{content:\"\\E881\"}:host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--selection-list-display:flex;--selection-list-margin:0;--selection-list-max-width:none;--orientation:column;--item-spacing:1em;--selection-list-max-items-per-row:1;--selection-list-wrapping:wrap;--selection-list-justify-content:space-evenly;--selection-list-item-cursor:pointer;display:block;-ms-overflow-style:none;scrollbar-width:none}:host::-webkit-scrollbar{display:none}.list{list-style:none;display:var(--selection-list-display);margin:var(--selection-list-margin);max-width:var(--selection-list-max-width);flex-direction:var(--orientation);flex-wrap:var(--selection-list-wrapping);justify-content:var(--selection-list-justify-content);gap:var(--item-spacing);-webkit-tap-highlight-color:transparent}.list-item{flex:1 0 calc((100% - (var(--selection-list-max-items-per-row) - 1) * var(--item-spacing)) / var(--selection-list-max-items-per-row));cursor:var(--selection-list-item-cursor)}";
@@ -97,7 +97,7 @@ const TetSelectionList = /*@__PURE__*/ proxyCustomElement(class TetSelectionList
         return this.selectedItems;
     }
     render() {
-        return (h("ul", { key: '9672bb24025846ba66e37e07a06175c9cf4ad5a1', class: "list", part: "selection-list" }, this.items.map(this.renderListItem)));
+        return (h("ul", { key: '41e58b8fd13f0ac75ac0a61d4d119ad62985b0fe', class: "list", part: "selection-list" }, this.items.map(this.renderListItem)));
     }
     static get watchers() { return {
         "preSelectedItems": ["onPreselectedItemsChanged"]

package/dist/components/{p-9cf31ebf.js → p-1184772c.js}

@@ -1,6 +1,6 @@
-import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-37ed3ebb.js';
-import { p as processTranslations, t as translate } from './p-ae1f41ee.js';
-import { d as defineCustomElement$1 } from './p-6db9b25a.js';
+import { p as proxyCustomElement, H, d as createEvent, f as forceUpdate, h } from './p-5749376d.js';
+import { p as processTranslations, t as translate } from './p-70f08f08.js';
+import { d as defineCustomElement$1 } from './p-5cb509f6.js';
 
 const tetStepperInputCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--stepper-input-control-background-color:rgb(247, 247, 247);--stepper-input-suffix-color:rgb(67, 75, 86);--stepper-input-border-color:rgb(192, 197, 206);--stepper-input-border-color-active:rgb(10, 11, 13);display:inline-flex}.stepper-input{justify-content:center;align-items:center;gap:0.625rem;display:inline-flex}.stepper-input__control{background:var(--stepper-input-control-background-color);margin:0.25rem;border-radius:50%;cursor:pointer;padding-block:0;padding-inline:0;border:none}.stepper-input__value{border:0.0625rem solid var(--stepper-input-border-color);outline:none;font:500 1.25rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";color:rgb(10, 11, 13);padding-inline:0;padding-block:0;width:3.375rem;height:2rem;border-radius:0.375rem;text-align:center;box-sizing:border-box;letter-spacing:-0.029375rem;appearance:textfield;-moz-appearance:textfield}.stepper-input__value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input__value:focus-within{outline:none;border:0.0625rem solid var(--stepper-input-border-color-active)}";
 const TetStepperInputStyle0 = tetStepperInputCss;
@@ -125,7 +125,7 @@ const TetStepperInput = /*@__PURE__*/ proxyCustomElement(class TetStepperInput e
      */
     render() {
         const { onMinusClick, value, onPlusClick } = this;
-        return (h("div", { key: '4987c0b4bd15d6ed778eb5ff50978d3a1c5466fc', class: "stepper-input" }, h("button", { key: '5b48a293a65327e4e53fed860031c5b9fc1fdb2d', class: "stepper-input__control", "aria-label": translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick) }, h("tet-icon", { key: '85fbb37b912f8e2d5cc57d8b9835550c0eb2ee16', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: '3d0dd81165ce5580833a8bd3981fe99297e559d4', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("button", { key: '66692dbce9afbc00322b8eb52c4e1e944f0a6ba8', class: "stepper-input__control", "aria-label": translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick) }, h("tet-icon", { key: 'a8904874d5170f5a4f1b2384bd2c0072800bf388', name: "add", onClick: onPlusClick }))));
+        return (h("div", { key: 'b8baa0962d9e8287741483b9f8aaa7065ea84de8', class: "stepper-input" }, h("button", { key: 'b6e36b43624b60eecddffc4a4c8dcbf48d504195', class: "stepper-input__control", "aria-label": translate('components-number-input-decrease'), onKeyDown: this.handleOptionKeydown(onMinusClick) }, h("tet-icon", { key: '6369c3dcf26349ea47613f7fa9c3868aa85cb54f', name: "remove", onClick: onMinusClick })), h("input", Object.assign({ key: 'cb57e8e5a6608a9176e1d20a75e9e38fe74f801d', ref: (htmlInputElement) => (this.inputElement = htmlInputElement), class: "stepper-input__value", value: value, type: "number" }, (this.accessibilityLabel ? { "aria-label": this.accessibilityLabel } : {}))), h("button", { key: '2c05d122dc811fae2d8832a3f7a659b47ce4344d', class: "stepper-input__control", "aria-label": translate('components-number-input-increase'), onKeyDown: this.handleOptionKeydown(onPlusClick) }, h("tet-icon", { key: '3a8c08cc7a927d7c86d27d28bccf05be02071e70', name: "add", onClick: onPlusClick }))));
     }
     static get watchers() { return {
         "language": ["onLanguageChange"],